Как я могу сделать сайт точно подходящим для разных разрешений экрана?
Как мне адаптировать и точно подогнать (т.е. высоту и ширину) к разным разрешениям? Как уменьшить размер изображения в соответствии с разрешением экрана, поддерживая их пропорции и расположение как слева, сверху и т. Д. Пожалуйста, помогите мне с - какой подход я должен выбрать. Является ли создание разных изображений для разных разрешений единственным вариантом?
Пожалуйста, проверьте ссылку, я хочу подобного рода результат. Каждый элемент прекрасно адаптируется к каждому n - му разрешению - http://blacknegative.com/
Использование HTML и Jquery!!!
5 ответов
Вы делаете это, получая разрешение экрана, и все это наследуется в процентном разрешении экрана, вы можете получить это из любого места, также используя javascript или применяя ширину 100%.
Самый простой способ - использовать Responsive Design Framework, такой как Foundation.
Вы можете использовать CSS-фреймворки, такие как foundation и Bootstrap. Используйте CSS - Media Queries, чтобы сделать ваш сайт доступным для просмотра на любых устройствах и с разным разрешением экрана.
То, что вы можете сделать, это установить размер в переменной HTML/ASP в процентах (например, 20%) вместо пикселей, это примет размер окна и изменит все элементы, так как 100% представляют полный размер.
НТН
Установите все ваши размеры в процентах. Вы также можете использовать медиа-запросы CSS, чтобы специально нацелить определенные устройства или разрешения.