Я разрабатываю пользовательский интерфейс с помощью HTML5/CSS3. Интерфейс должен быть портативным для любого размера экрана, например, он должен быть равномерно отображен на мобильных устройствах, а также HDMI экран .. Я попытался с помощью Framesetbut не действует в HTML 5 ... пожалуйста, помогитеЧто я должен делать, чтобы моя веб-страница отображалась равномерно на любом размере экрана?
ответ
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
Вы должны использовать @media запросов в CSS! Таким образом, вы можете сделать его отзывчивым, и выбрать, как пользовательский интерфейс должен смотреть на любое разрешение!
Кроме того, вы можете использовать это: http://quirktools.com/screenfly/, чтобы проверить, как она выглядит на резолюции differend
Или, в Firefox, нажмите CTRL + SHIFT + M вместо изменения размера iframes на сторонний сайт. – MildlySerious
или в chrome щелкните правой кнопкой мыши, проверьте элемент, затем в правом нижнем углу выберите параметры, затем выберите параметры браузера и устройства ... и получайте удовольствие. Вы можете даже эмулировать события касания. –
- 1. Моя переменная продолжает получать синтаксическую ошибку. Что я должен делать
- 2. Каков наилучший способ, чтобы кнопка отображалась на определенном размере экрана в MVC?
- 3. Что я должен здесь делать?
- 4. Я хочу, чтобы моя ось x отображалась, увеличивая значение
- 5. Полная ширина и высота на любом размере экрана
- 6. Что я должен делать, чтобы защитить свой веб-интерфейс?
- 7. Что я должен научиться делать, чтобы моя форма регистрации Swing проверяла базу данных
- 8. Что я должен делать, чтобы камера работала каждый раз?
- 9. Что я должен делать, чтобы анимация меняла положение элемента навсегда?
- 10. Что я должен делать, чтобы остановить выполнение потока?
- 11. Настройка дизайна в любом размере экрана браузера без прокрутки
- 12. Адаптивный дизайн: централизовать площадь полноэкранной в любом размере экрана
- 13. Что должен делать Apache и что должен делать Tomcat?
- 14. Что я должен делать с созданным DbContext?
- 15. Что именно я должен делать в viewDidUnload?
- 16. Что я должен делать в processContentChanges :?
- 17. Что я должен делать в didreceivememorywarning
- 18. Что должен делать вид на самом деле?
- 19. Что именно я должен делать с "module.exports = 'html_template_content'" на webpack
- 20. Как я могу показать, что позиция и размер Android видны всегда с одинаковой пропорцией на любом размере экрана?
- 21. Что мне делать, чтобы моя программа работала быстрее?
- 22. Как добавить функцию, чтобы кнопка отображалась div или отображалась?
- 23. Что мне делать, чтобы моя игра в формате exe работала?
- 24. Что должен делать контроллер приложений?
- 25. Что должен делать флаг -precompile?
- 26. Что должен делать этот php?
- 27. Что должен делать этот цикл?
- 28. Когда я должен беспокоиться о размере транзакции?
- 29. Что должен делать класс ResourceProxy?
- 30. Что должен делать этот синтаксис?
Что однородность означает в этом случае? Что на маленьких дисплеях текст будет уменьшен настолько, что вы не сможете его прочитать? Или что на больших экранах у вас меньше, чем оптимальные 70 символов в строке? Или вы просто хотите иметь дизайн, который перенастраивает все размеры экрана, чтобы он выглядел красиво? – MildlySerious
Со всеми различными размерами экрана от смартфонов до экранов HD я не думаю, что вы получите GUI, чтобы выглядеть одинаково на всех из них. Маленькие экраны выглядят растрепанными, а большие экраны выглядят пустыми. – J2D8T
Ну, вам нужен Отзывчивый дизайн. [Bootstrap] (http://getbootstrap.com/) - одна из таких гибких систем. –