比如说我有这个标记......
<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;?
我看到一些专业公司做前者和后者,所以我很困惑哪个更优化。
答案 0 :(得分:1)
Google引用:It's better to have a responsive webpage not two different layouts
正如谷歌所说,它建议有一个移动就绪页面,而不是重定向(或警告用户改为其他设计)。
关于网页速度,非响应式布局和响应式布局之间没有太大区别
附: :我忘记了我读过这个提示的地方,但它是在移动设备检查器或网站管理员工具中。