哪个更好:同一文件中的移动/桌面代码,还是单独的文件?

时间:2015-07-14 12:36:48

标签: javascript html css responsive-design

比如说我有这个标记......

<p class="remove-mobile remove-tablet add-desktop">This is a desktop</p>
<p class="add-mobile add-tablet remove-desktop">This is a mobile device</p>

...与这个CSS搭配......

@media and (//code goes here) {
   //code goes here
}

执行上述操作会更好(在页面速度,页面加载等方面),还是将移动代码放在与桌面代码不同的文件中更好,然后使用某种用JavaScript来说&#34;嘿,你是在移动设备上。我要告诉你这个文件&#34;或者&#34;嘿,你在桌面上,这是一个不同的文件&#34;?

我看到一些专业公司做前者和后者,所以我很困惑哪个更优化。

1 个答案:

答案 0 :(得分:1)

Google引用:It's better to have a responsive webpage not two different layouts
正如谷歌所说,它建议有一个移动就绪页面,而不是重定向(或警告用户改为其他设计)。
关于网页速度,非响应式布局和响应式布局之间没有太大区别 附: :我忘记了我读过这个提示的地方,但它是在移动设备检查器或网站管理员工具中。