写了两套css样式表 怎么分别适配480、720、1080分辨率的安卓手机?

html-css015

写了两套css样式表 怎么分别适配480、720、1080分辨率的安卓手机?,第1张

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 400px)" href="tinyScreen.css" />

上面的代码意思是,如果屏幕宽度小于400像素(max-device-width: 400px),就加载tinyScreen.css文件。

transform:rotate(720deg)

-ms-transform:rotate(720deg)  /* IE 9 */

-moz-transform:rotate(720deg)  /* Firefox */

-webkit-transform:rotate(720deg) /* Safari 和 Chrome */

-o-transform:rotate(720deg)  /* Opera */ 浏览器支持:

Internet Explorer 10、Firefox、Opera 支持 transform 属性。

Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换)。

Safari 和 Chrome 支持替代的 -webkit-transform 属性(3D 和 2D 转换)。

Opera 只支持 2D 转换。 定义和用法

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

为了更好地理解 transform 属性,请查看这个演示。

默认值:none    

继承性:no    

版本:CSS3    

JavaScript 语法:object.style.transform="rotate(7deg)"