这是我之前提出的问题的后续问题：
“CSS - 窗口大小改变时元素的位置”。
问题是 - 当屏幕变小时，如何避免元素被推到一边。
答案是 - 使用静态宽度。
静态宽度确实解决了问题，但是它会导致另一个问题（现在我们得到了我的后续问题）：
假设我使用图片作为网站标题的背景，并使用另一张图片作为页脚。
一方面，我希望他们总是占据整个屏幕的宽度，但另一方面，当显示网站的窗口变小时，我不希望它们被推到一边。
使用静态宽度会导致在不同浏览器或同一浏览器的不同版本中显示不同的内容 - 并不总是占用整个宽度。 （没有一个静态宽度值适用于所有情况）
使用宽度：100％似乎是解决方案，但后来我发现自己在哪里开始。
我怎样才能完成两者？
感谢。
答案 0 :(得分：1)
这就是我们有css媒体查询和max-width，max-height属性
的原因媒体查询允许您根据屏幕尺寸的大小来更改css。此外，他们可以做更多。
http://www.w3schools.com/css/css_mediatypes.asp
我要做的是设计最大宽度的网站：someamount，宽度：100％。完成后，再担心在较小的屏幕上看起来更好。
在设计响应式网站时，设计师通常采用两种方式之一。首先设计桌面尺寸屏幕，然后针对最小尺寸屏幕进行调整。或者首先设计移动尺寸的屏幕，然后设计最大的屏幕。