gpt4 book ai didi

android - 如何防止样式表加载到移动设备中

转载 作者:塔克拉玛干 更新时间:2023-11-02 09:40:38 25 4
gpt4 key购买 nike

我希望防止在智能手机和平板电脑上出现一系列动画。我能想到的最简单的解决方案是将这些动画 CSS 简单地移动到一个单独的样式表中,并以某种方式阻止该样式表加载到所有智能手机和平板电脑中。

我怎样才能做到这一点?

更新:

  1. 请不要使用媒体查询解决屏幕宽度(这远非精确,因为有些平板电脑和笔记本电脑一样宽)。
  2. 解决触摸设备问题是我可以接受的解决方案,但并不完美,因为某些笔记本电脑具有此功能。
  3. 我认为理想的解决方案是解决移动浏览器和操作系统问题。

最佳答案

您可以在您的 css 中使用媒体查询 http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

例如:

@media only screen and (max-width:991px){
/*insert here all the css you want to be load ONLY on devices below 991px*/
}

如果您想将您的 CSS 分成两张纸,那么您可以在 <head> 中进行设置标签:

<link href="exmaple.css" media="(min-width: 991px)" rel="stylesheet" type="text/css" />

编辑:

在您的情况下,一个选项是设置这样的媒体查询:

 @media only screen and (min-width:1200px){
/*insert here those CSS animations.*/
/*they will only take effect on devices above 1200px*/
}

当然,您可以根据需要设置任何分辨率使用最小宽度和最大宽度

关于android - 如何防止样式表加载到移动设备中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30504761/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com