Search the Community
Showing results for tags 'экраны'.
Found 1 result
-
Чем тестировать верстку под разные разрешения/девайсы без их наличия?
BOMS posted a question in HTML Coding
Столкнулся с проблемой тестирования вёрстки под разные мобильные устройства. То что есть например в инструментах разработчика Google Chrome работает не совсем так как надо. Возьмём например код: <html> <head> <meta charset="utf-8"> <title>test</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> </body> </html> и CSS стиль для него: @media screen and (max-width: 1100px) { body{ background:rgba(43,167,,1.00);} } @media screen and (max-width: 640px){ body { background:rgba(213,,3,1.00);} } Цвет фона при ширине меньшей 640px меняется только при ручном изменении размера окна браузера Chrome, Firefox, IE... В режиме эмуляции устройств Google Chrome (Ctrl + Shift + M) при установленной ширине девайса менее 640px фон всё равно остаётся зелёный. Дополнения для chrome "Mobile Browser Emulator" и "Ripple" меняют цвета фона при ширине экрана меньше 640px на красный. На сайте http://quirktools.com/screenfly/ при разрешении ecnhqjcnd менее 640px - фон меняется на красный. На устройствах Google Nexus 7, Samsung Galaxy Tab3, Iphone 4 в портретном режиме экран всё равно отображается зелёным. Подскажите, в чём может быть проблема и на каком софте точнее всего тестировать свою вёрстку?