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">

84650__ShJQEkZyBq3r8Y4EYH47FxCqx8IvuD21SgIsnUG3EDIw76OwNp59ZL1UhIEaj2zUnm_4klf60hXQWq7inPd5TS.jpg 76.8 Kb ⬇ 209

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.

спасибос