Я проектирую свой сайт, используя базу 1024x768 разрешения экрана. Когда вы смотрите на веб-сайт в браузере с компьютера с меньшим/большим разрешением экрана, веб-сайт начинает деформироваться.
Как я могу адаптировать веб-сайт к разрешению экрана пользователя независимо от разрешения экрана у пользователя? Я считаю, что это возможно с помощью JavaScript или CSS, но не знаю, как ...Как адаптировать веб-сайт к разрешению экрана пользователя?
Лучший способ для решения этой проблемы является вместо использования точек использования эм или% (процент).
.container {
width: 1000 px;
height: 750 px;
}
.container {
width: 90%;
height: 90%'
}
Что вы ищете, так это браузерный видовой экран.
Эта ссылка дает хороший обзор о том, как получить в иллюминатор: http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/
В большинстве стандартных браузеров, вы можете просто ссылаться window.innerWidth и window.innerHeight в JavaScript.
Если вы используете инфраструктуру JavaScript доджо, вы можете просто вызвать dijit.getViewport(), который сделает тяжелый подъем для вас.
Как только у вас есть размеры области просмотра, вам решать, как ваша веб-страница будет реагировать на информацию, которую он получает от браузера.
запросы СМИ пытаются CSS – nowayyy
вы можете использовать http://stackoverflow.com/questions/4961355/percentage-width-in-a-relativelayout, как это сделано в ссылке. – Erix0r