检测设备类型以加速网站

时间:2017-06-28 12:19:03

标签: css stylesheet device user-agent

我想找到一种方法来检测访问者的设备类型,以便只加载相关的样式表。 (桌面或移动css) 实际上,CSS是渲染阻塞,所以,我想避免每次加载2.CSS(style.css和mobile.css) 也许有另一种方法可以做到这一点? 的问候,

1 个答案:

答案 0 :(得分:3)

<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />

以上仅适用于屏幕在701px和900px之间的设备。

您可以使用媒体查询并设置断点。有关详细信息,请参阅以下链接。

https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints/

https://css-tricks.com/resolution-specific-stylesheets/