iOS Android 网页的CSS设置

博客首页 » iOS Android 网页的CSS设置

发布于 22 Jun 2014 15:30
标签 blog
通过指定media css,我们可以控制在大屏幕上显示PC网页,而在小屏幕上显示iOS Android 网页。

<meta name="viewport" 
content="width=480, user-scalable=no, maximum-scale=0.6667" />
<link media="only screen and (max-device-width:480px)" 
href="ipodtouch.css" type="text/css" rel="stylesheet"/>
<link media="screen and (min-device-width:481px)" 
href="pc.css" type="text/css" rel="stylesheet"/>
<!--[if !IE]>-->
<link media="only screen and (max-device-width: 480px)" 
href="iPhone.css" type="text/css" rel="stylesheet" />
<!--<![endif]-->

Reference:


本页面的文字允许在知识共享 署名-相同方式共享 3.0协议和GNU自由文档许可证下修改和再使用,仅有一个特殊要求,请用链接方式注明文章引用出处及作者。请协助维护作者合法权益。


系列文章

文章列表

  • iOS Android 网页的CSS设置

这篇文章对你有帮助吗,投个票吧?

rating: 0+x

留下你的评论

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License