可以用css或者sass判断设备是android还是ios么

html-css022

可以用css或者sass判断设备是android还是ios么,第1张

css只能通过媒体查询判断屏幕大小比例等,而无法判断设备类型。而SASS作为“css预处理器”,显然也不存在这类功能。 可以准备两套css,用js通过UA来判断设备类型再动态的加载不同的css。

1、首先准备一个HTML结构的文档,页面可以制作的简单点。

2、然后在页面的body区域中放置一个img图片。

3、我们先来运行一下页面,你会在页面中看到如下图所示的圆圈。

4、接下来我们就需要对页面进行CSS处理,如下图所示,给img图片添加样式,注意里面有旋转样式。

5、然后实现旋转的设置,这个是CSS3的新功能,主要是对图片进行旋转度数的设置。

6、最后运行程序,你会看到页面中的圆圈在不停的旋转,和我们平常看到的加载中的效果很像。

关于CSS是什么:

CSS是用于布局与美化网页的.

CSS是Cascading Style Sheets的英文缩写,即层叠样式表.

CSS语言是一种标记语言,因此不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).

CSS文件是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.

CSS是大小写不敏感的,CSS与css是一样的.

关于使用CSS的几个优势:

内容与表现分离,有了CSS,网页的内容(XHMTL)与表现就可以分开了.

表现的统一,可以使网页的表现非常统一,并且容易修改.

CSS可以支持多种设备,比如手机,PDA,打印机,电视机,游戏机等.

使用CSS可以减少网页的代码量,增加网页的浏览速度,减少硬盘容量.