2013-12-10 1 views
1

Я разрабатываю пользовательский интерфейс с помощью HTML5/CSS3. Интерфейс должен быть портативным для любого размера экрана, например, он должен быть равномерно отображен на мобильных устройствах, а также HDMI экран .. Я попытался с помощью Framesetbut не действует в HTML 5 ... пожалуйста, помогитеЧто я должен делать, чтобы моя веб-страница отображалась равномерно на любом размере экрана?

+0

Что однородность означает в этом случае? Что на маленьких дисплеях текст будет уменьшен настолько, что вы не сможете его прочитать? Или что на больших экранах у вас меньше, чем оптимальные 70 символов в строке? Или вы просто хотите иметь дизайн, который перенастраивает все размеры экрана, чтобы он выглядел красиво? – MildlySerious

+0

Со всеми различными размерами экрана от смартфонов до экранов HD я не думаю, что вы получите GUI, чтобы выглядеть одинаково на всех из них. Маленькие экраны выглядят растрепанными, а большие экраны выглядят пустыми. – J2D8T

+1

Ну, вам нужен Отзывчивый дизайн. [Bootstrap] (http://getbootstrap.com/) - одна из таких гибких систем. –

ответ

1

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

Вы должны использовать @media запросов в CSS! Таким образом, вы можете сделать его отзывчивым, и выбрать, как пользовательский интерфейс должен смотреть на любое разрешение!

Кроме того, вы можете использовать это: http://quirktools.com/screenfly/, чтобы проверить, как она выглядит на резолюции differend

+0

Или, в Firefox, нажмите CTRL + SHIFT + M вместо изменения размера iframes на сторонний сайт. – MildlySerious

+1

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

Смежные вопросы