Адаптивная вёрстка, android 480px

@mkramer · Регистрация: 02.08.2012

Author24 — интернет-сервис помощи студентам

Столкнулся со странной вещью, и провёл эксперимент. Берём такую примитивную вёрстку:

HTML5

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            div {display: none;}
            @media screen and (max-width: 480px) {
                .vis480 {
                    display: block;
                }
            }
            @media screen and (max-width: 360px) {
                .vis360 {
                    display: block;
                }
            }
        </style>
    </head>
    <body>
        <div class="vis480">480</div>
        <div class="vis360">360</div>
    </body>
</html>

Так вот, почему-то на моих андроидах с 480 пикселями по горизонтали видно оба блока... Никто не знает, чем объяснить странность?

@Shakalaka · 20.06.2015, 19:09

Видимо меньше там чем 480 пикселей.

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	20.06.2015, 19:09	2
	Видимо меньше там чем 480 пикселей. 0