响应网站宽度960px或%?

时间:2016-06-16 21:54:22

标签: html5 css3 responsive

说实话,我是网站建设的新手,虽然我已经阅读了7本关于它的书。来自Ethan Marcotte的响应式网页设计是最后一个,这很棒。

我虽然坚持一个问题。如果您构建响应式网站而不是使用像素,则使用%。然后包装必须有多宽?我应该给包装器最大宽度960px和所有其他帧,如标题,导航等,将它们转换为%?例如,标题将是900/960×100 = 93.75%。

或者我必须在%中制作包装器。我最初的想法是将我的显示器的分辨率除以960,这是1680像素宽,所以这将是960/1680×100 = 57%。

这个数字听起来不合逻辑,因为超大的屏幕看起来不正确或不是吗?

任何帮助将不胜感激。

此致

Reinier

2 个答案:

答案 0 :(得分:1)

不,这不符合逻辑。硬编码像素大小是不安全的,除非可能是非常小的元素,因为您不能假设您的用户使用的是哪种屏幕。

答案 1 :(得分:0)

硬编码像素大小的原因很少,甚至图像也可以精美地放置,而不需要硬宽度和高度。尝试尽可能使用百分比,但也要记住媒体查询是一件很棒的事情!