Создать мастер-страницу, которая соответствует любому разрешению экрана

Question

Я создал мастер-страницу и хочу, чтобы страницы ASP.NET, прикрепленные к ней, соответствовали любому разрешению экрана.Это html дизайн на основе таблиц.

Я читал, что если вы сохраняете ширину и высоту таблиц до 100%, то они должны соответствовать любому разрешению.Я сделал то же самое, он регулирует ширину под любое разрешение экрана, но не высоту.Мы видим пустое пространство внизу для более высоких разрешений экрана и создаем полосу прокрутки для более низких разрешений экрана.

Кто-нибудь знает, как решить эту проблему?

Answer 1

Я думаю, что если вы хотите высоту, вы должны использовать javascript.

var myHeight = 460;
if (document.body && document.body.offsetWidth) {
 myHeight = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 myHeight = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 myHeight = window.innerHeight;
}

После этого вы можете настроить высоту вашего внешнего div'а

var myDiv = document.getElementById('myDiv'); 
myDiv.style.height = myHeight + 'px'; 

Answer 2

Возможно, стоит добавить, чтобы помочь понять, что в примере, который вы описали, свойство 100% высоты будет относительно содержимого, в этом случае высота элемента будет расширяться и сжиматься, чтобы соответствовать тому, что вы выберете, как сказал UGS.

Вы можете, если хотите минимизировать количество случаев, когда высота слишком мала, использовать свойство min-height и определить его в пикселях.Например, если вы знали, что минимальная желаемая высота предполагаемых целевых устройств составляет 320 пикселей, вы можете установить «min-height: 320px», чтобы на самых маленьких устройствах не было места ниже.

Answer 3

Вместо страниц на основе таблиц вы должны перейти на страницы на основе DIV. Как правило, его легко создавать и обрабатывать.Что касается высоты, то вам не стоит об этом беспокоиться, так как высота может увеличиваться с содержимым. Лично, когда я хочу перейти на полную ширину, я разбиваю свой HTML на три части ..

1. Верхний колонтитул
2. Основное содержимое
3. Нижний колонтитул

Я сохраняю div верхнего и нижнего колонтитула на всю ширину тела, в то время как основное содержимое обычно имеет ширину 900px.чистый эффект полной ширины страницы:)

надеюсь, это поможет:)

Answer 4

Большинство разработчиков хотят исправить это width . высота не проблема. Вы никогда не узнаете, какие разрешения используют люди. Поверьте мне, это большая проблема сама по себе.

Итак, я рекомендую вам исправить ширину и сидеть сложа руки: D