Здравствуйте, пытаюсь написать адаптивный дизайн, столкнулся с такой проблемой, написал в теле страницы фразу "привет, это тестовая запись" Открываю через эмулятор телефона с разрешением 213х320 у меня при таком отображении появилась нижняя (горизонтальная) полоса прокрутки. Как ее можно убрать? Да и вообще пишу Код (Text): @media screen and (max-width: 213px) Но правила не применяются при проверке, может что не так делаю? Вот код всей страницы Код (PHP): <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> @media screen and (max-width: 213px) { body{ margin:0px; background-color:#09F; } } </style> <title>Документ без названия</title> </head> <body> Привет, это тестовая запись </body> </html> А вот то что у меня получилось: Заранее большое спасибо. Добавлено спустя 35 минут 34 секунды: Всем спасибо! Проблему решилась, кому интересно решение, то нужно вставить между тегами head строчку Код (Text): <meta name="viewport" content="width=device-width, initial-scale=1.0"> А вообще вот источник