【问题标题】:Detect Device Type To Speed Up Website检测设备类型以加快网站速度
【发布时间】:2017-06-28 12:19:03
【问题描述】:

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

【问题讨论】:

  • 您尝试过媒体查询吗?
  • 你最好在谷歌上搜索教程。您的问题太宽泛了,因此不适合 SO。

标签: css stylesheet device user-agent


【解决方案1】:

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

以上内容仅适用于屏幕尺寸介于 701 像素和 900 像素之间的设备。

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-30
    相关资源
    最近更新 更多