iOS Android 网页的CSS设置
博客首页 » iOS Android 网页的CSS设置
发布于 13 Apr 2014 00:33
标签 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:
- http://kawa.at.webry.info/200807/article_3.html
- http://docs.google.com/Present?docid=ddsxdst7_601hq9prrd3
- http://docs.google.com/Presentation?id=ddsxdst7_820dt26xxdk
本页面的文字允许在知识共享 署名-相同方式共享 3.0协议和GNU自由文档许可证下修改和再使用,仅有一个特殊要求,请用链接方式注明文章引用出处及作者。请协助维护作者合法权益。
系列文章
文章列表
- iOS Android 网页的CSS设置
这篇文章对你有帮助吗,投个票吧?
留下你的评论