基于320px屏幕用css给ipad做适配
@media screen and (width: 768px) and (orientation: portrait) {
body{
width:320px;
-moz-transform: scale(2.4);
-webkit-transform: scale(2.4);
-o-transform: scale(2.4);
-ms-transform: scale(2.4);
transform: scale(2.4);
transform-origin: top center;
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
}
}
@media screen and (max-device-width: 1024px) and (orientation: landscape) {
body{
width:320px;
-moz-transform: scale(3.2);
-webkit-transform: scale(3.2);
-o-transform: scale(3.2);
-ms-transform: scale(3.2);
transform: scale(3.2);
transform-origin: top center;
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
}
}
@media screen and (max-width:640px){
}
版权声明:本文为李维亮博主的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:http://www.liweiliang.com/837.html
- 上一篇: 原生js拖拽指定div
- 下一篇: 阿里云服务漏洞修复集
评论已关闭