Сайт увеличился на мобильном телефоне при настройке ViewPort?CSS

Разбираемся в CSS
Ответить
Anonymous
 Сайт увеличился на мобильном телефоне при настройке ViewPort?

Сообщение Anonymous »

Я создал веб -сайт: Omicrome.com. Версия настольного компьютера работает (найти бар и несколько вещей, которые я все еще работаю, которые не имеют значения). Когда я захожу на мобильную версию, все увеличивается. Если я не устанавливаю просмотр и вставлю: < /p>

Код: Выделить всё

< /code>
Содержимое подходит для того, чтобы я хотел его на моем Android HTC One M9. Но когда я запускаю «это мой сайт мобильный тест», он говорит, что он не дружелюбен для мобильных устройств, потому что я не устанавливал Viewport, а контент не соответствует экрану. На моем телефоне это так, но на изображении на этих сайтах все увеличивается. Если я установите порт View, то все увеличивается на моем телефоне и на этих веб -сайтах.

Omicrome















....
< /code>
Почему это происходит, и могу ли я это исправить? Кстати, у меня есть медиа -запросы для CSS: < /p>
@media screen and (max-width:380px) {
#HTML1{

}
#rectban{
position: relative;
width: 100%;
height: 120px;
margin-right: 6px;
background: #ffffff;
}

#ULBTN{
margin-top:-13px;
}.....
Я попытался установить #html1 , чтобы иметь маржу и прокладку 0 и установил их ширину и высоту на 100%, но это все еще не сработало.>

Подробнее здесь: https://stackoverflow.com/questions/417 ... g-viewport
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»