Bymas | meta теги кто шарит?

всем привет , у меня стоят метатеги для автоматического масшабированя страницы, все вроде нечего. только в режиме телефона шапка и подвал уменьшается как обойти эту проблему ? что бы шапка была всегда во весь экран? может через @media {} попробовать подогнать размер? вот сами теги

html

   <meta http-equiv="X-UA-Compatible" content="IE=edge">       <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0">       <meta name="HandheldFriendly" content="true">       <meta name="MobileOptimized" content="width">       <meta content="yes" name="apple-mobile-web-app-capable">

Изображение

------

84651_84650__ShJQEkZyBq3r8Y4EYH47FxCqx8IvuD21SgIsnUG3EDIw76OwNp59ZL1UhIEaj2zUnm_4klf60hXQWq7inPd5TS.jpg (76.8 Kb)
Скачиваний: 179

html

   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0">        <meta name="HandheldFriendly" content="true">        <meta name="MobileOptimized" content="width">

Зачем все три параметра для оптимизации мобильных? Ограничется viewport.

Поправь: <meta name="viewport" content="width=device-width, initial-scale=1.0">
Для мобильной версии
________
посл. ред. 28.11.2022 в 00:58; всего 1 раз(а); by blackmamba

кик чик бум, это все для таких как мы в гугле

blackmamba (28 нояб 2022, в 0:55)
Поправь: <meta name="viewport" content="width=device-width, initial-scale=1.0">
Для мобильной версии

мапонс я так понял это для адаптивных сайтов, у меня просто резиновая верстка

pyrokinesis (28 нояб 2022, в 2:14)
мапонс я так понял это для адаптивных сайтов, у меня просто резиновая верстка

После этого альбомный или портретный вид

css

   @media screen and (min-width: 200px) and (max-width: 480px) {  #content { width: 80%; float: none; }  #sidebar {    width: 20%;    float: none; } }

Это для телефонов 200 на 480. Поменять min-width: 200px и max-width: 480px.

Ramzesoff (28 нояб 2022, в 5:16)
После этого альбомный или портретный вид

css

   @media screen and (min-width: 200px) and (max-width: 480px) {  #content { width: 80%; float: none; }  #sidebar {    width: 20%;    float: none; } }

Это для телефонов 200 на 480. Поменять min-width: 200px и max-width: 480px.

спасибос