Как изменить размер веб-страницы автоматически в зависимости от разрешения экрана веб-браузера пользователя?
Пожалуйста, предложите мне решение . заранее спасибо.
<script type="text/javascript">
функция TableHeight()
{
if (typeof (window.innerWidth) == 'number')
{
//Non-IE
= окно myWidth.расстояние между;
myHeight = window.innerHeight;
}
остальное, если (документ.функцию documentelement и усилитель; & (документ.функцию documentelement.значения свойств clientwidth || документ.функцию documentelement.clientHeight))
{
//IE 6+ в режиме "соответствие стандартам"
myWidth = документ.функцию documentelement.значения свойств clientwidth;
myHeight = document.documentElement.clientHeight;
}
еще если (документ.тело и усилитель; & (документ.тела.значения свойств clientwidth || документ.тела.clientHeight))
{
//Т. е. 4 совместимый
myWidth = документ.тела.значения свойств clientwidth;
myHeight = document.body.clientHeight;
}
document.getElementById('ctl00_TopPanel').style.высота = (myHeight - 140) + 'px';
}
</script>
Использованный выше код для решения задачи
Используется идентификатор моей формы вместо ctl00_TopPanel'.
Вы можете установить ширину родительского Div на 100%, чтобы он соответствовал различным разрешениям.
Другим вариантом может быть использование медиа-запросов.
несколько-медиа-запросов-для-разных-размеров экрана[^]
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/[^]
http://htmldog.com/guides/css/advanced/mediaqueries/[^]
Я разработал веб-страницу в ASP.Net (C#) использование visual studio 2010. В моей машине разрешение экрана составляет 900*1600, я спроектирован в соответствии с этим разрешением, поэтому при запуске страницы у меня нет проблем с ее просмотром.
Но когда я запускаю страницу на какой-то другой машине с другим разрешением экрана, например (1024*768), происходят некоторые изменения в расположении текстовых полей и меток на странице.А также изменения в выравнивании элементов управления в wepage,таких как текстовые поля, метки и кнопки, когда я пытаюсь минимизировать или максимизировать размер страницы.
Могу ли я знать, как автоматически настроить страницу в соответствии с различными разрешениями экрана и всех форматов(максимизировать и минимизировать экран)? Мне нужно просмотреть страницу так же, как я смотрю в своей машине. Как это сделать? Может ли кто-нибудь помочь мне сделать это?
Just use percentage based layouts rather than pixels or other measurements. <img width="50%">: that will fill half of the screen, at any size <img width="500px">: that will always fill exactly 500 pixels, if it's too big or if it's too small. It is also theoretically possible to design a website using pixels and adjust it using Javascript to scale, but that is the same as using percentages (in how it looks) and MUCH harder to do. It also is unreliable. Basically, a good web designer won't need to do that.
Вам нужно сделать свой сайт Отзывчивый.
Пожалуйста, просмотрите мои предыдущие ответы.
1. адаптивная разработка сайтов[^]
2. вопрос дизайна, который необходимо рассмотреть для веб-приложения на сенсорном экране[^]