媒体查询在样式表中的位置:底部还是混合?

时间:2012-04-11 03:02:21

标签: css stylesheet media-queries

我正在处理我的第一个自适应网站并阅读了大量文章,但无法找到我问题的明确答案。

此时我已创建并编码了3个设计。整个场地有一个流体主柱和一个固定侧边栏。页眉和页脚是流动的。在截止点之后,它将从2列变为1,并进行一些额外的更改以转到智能手机大小。我想要一张样式表。阅读了几个优点和缺点,因为这是我的第一个响应式网站,我将使桌面设计成为"默认"并希望使用媒体查询来更改较小尺寸的样式。

我有几种风格不会因大小而变化,还有一些风格会发生变化。

我是否继续为桌面制作完整的样式表,然后在底部添加媒体查询? (在打印样式之前或之后?)或者我在整个样式表中混合媒体查询,无论何处"默认"风格是?

谢谢!

1 个答案:

答案 0 :(得分:0)

我一直在争论这个问题。我的一些网站在底部有一个大的手持或仅打印部分,有些在他们影响的选择器之后就有相关的媒体查询。据我所见,这两种方式都没有对渲染性能产生任何影响(如果有的话,我没有察觉过)。

我的回答是使用您认为更容易阅读的。如果这是一个更大的项目的一部分,请咨询任何也参与CSS工作的团队成员并询问他们更喜欢的项目。