渴切网资讯:网页切图过程中,针对移动平台浏览器的兼容性调整的一个重要的技巧,如何给ipad,iphone等不同的移动设备分别设置不同的css呢,解决了这个问题就可以很方便的针对不同的设备调整兼容性,也可以写不同的样式。这一点很重要。下面的方法来自互联网。
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))){ document.write('<link href="iphone.css" rel="stylesheet" type="text/css">'); } if((navigator.userAgent.match(/iPad/i))){ document.write('<link href="ipadwoflash.css" rel="stylesheet" type="text/css">'); }
很明显这是一段通过js方法来加载不同的css文件来实现的。通过判断浏览器的类型来判断应该加载哪个css文件。如果你正好需要解决这个问题不仿用以上的方法试试。或者找渴切-开源中文css框架专业解决。
关注“qietuwang”微信公众号,获取一手干货内容推送
本文由切图网原创,转载请保留版权:
微信扫一扫二维码访问