职位：固定; Web浏览器的缩放方法

Question

我正在试验一个位置：fixed; ＃宽度为100％，最大高度为50px的页眉。在大多数网页浏览器的全屏幕中，我无法保证#header中布局的内容是一致的，但是，它很可能适合页面。然而，更大的关注点在于调整其内容将会看起来完全混乱。有没有人有一种他们喜欢的方法来扩展这个内容？

下面是我在做

/* --- Footer/Header Area --- */ 
#footer { 
height: 70px; 
max-height: 70px; 
width: 100%; 
position: absolute; 
background-color: #eee 

} 

#header { 

background-color: #fff; 
height: 50px; 
max-height: 50px; 
line-height: 45px; 
width: 100%; 
position: fixed; 
top: 0; 
float:left; 
box-shadow: 2px 4px 5px #555; 

} 



#header img { 

/* --- TOGOHERE: >>>> margin: 10px 30px 0 --- */ 

} 

#header h1 { 
display:inline-block; 
font-size: 1.2em; 
font-family:Courier New; 
text-align: left; 

} 

#header h2 { 
display:inline-block; 
font-size: x-small; 
font-family: Tahoma; 
text-align: center; 
padding-right:2cm; 
} 

#header h3 { 
display:inline-block; 
font-size: xx-small; 
font-family: Tahoma; 
text-align: center; 
padding-right:2cm; 
} 

Answer 1

你能不能为每个媒体查询中使用替代容器体积小巧基本样本。一个用于大屏幕，一个用于中型，一个用于小型，一个用于小型。