2

好的，你好，我的名字是乔丹。我有一个需要在所有屏幕尺寸上都相同的网站。我正在使用我认为可行的百分比。所以两个问题...

  1. 如何使用百分比定位底部/顶部标签（我尝试过但没有用）
  2. 此外，如果上述方法不起作用，我应该怎么做才能使其在每一页上都相同。
  3. 如果它确实有效，有没有更简单的方法？
4

4 回答 4

2

百分比行不通。一种方法是在主 div 上定义最小宽度、最小高度，这样无论屏幕尺寸如何，页面都不会小于最小尺寸。

于 2012-08-07T05:54:37.893 回答
0

您可以使用媒体查询 http://www.w3.org/TR/css3-mediaqueries/

于 2012-08-07T06:00:35.620 回答
0

欢迎来到 StackOverflow！您可能想尝试使用em单位而不是百分比，并确保不要使用固定宽度。

于 2012-08-07T05:54:44.027 回答
0

通过使用媒体查询，您可以通过定位所需的屏幕分辨率来创建响应式网站的布局。

例如

@media screen and (max-width: 699px) and (min-width: 320px) {
   div { background: blue; width: 100px; height: 100px; }
}


@media screen and (max-width: 1024px) and (min-width: 700px) {
   div { background: green; width: 300px; height: 100px;  }
}


@media screen and (max-width: 1280px) and (min-width: 1025px) {
   div { background: red; width: 600px; height: 100px;  }
}​
于 2012-08-07T06:02:41.077 回答