用css3 media queries创建手机版网站
css3在手持设备高速发展的带动下,在网页设计者和开发者孜孜不倦的追求下不断发酵,而它对于网站的最大好处莫过于对智能手机、平板电脑等的支持,使得用户通过iphone、ipad等设备都可以访问。想为网站创建一个适用于手机或者平板电脑等移动设备的版本吗?本文将为你介绍如何用css3来帮网站打开移动设备之门。
Media Queries
如果你曾经创建过网站的打印样式,那么你应该知道可以通过设置css2的media type为print去实现打印,下面是两个关于media type的简单应用
//example 1 <link rel= "stylesheet" type= "text/<A title=css href=" http://www.html5cn.org/portal.php?mod=list&catid=16
" target=_blank>css</A>" media= "screen" href= "sans-serif.<A title=css href="http://www.html5cn.org/portal.php?mod=list&catid=16 ">css</A>" > <link rel= "stylesheet" type= "text/css" media= "print" href= "serif.css" > //example 2 @media screen { * { font-family : sans-serif } }
【用css3 media queries创建手机版网站】相关文章 5. 用CSS创建打印页面 6. Respond.js – 让不懂爱的 IE6-8 支持 CSS3 Media Query 7. 手机版百度首页推情人节特效,HTML5+CSS3 实现网页3D翻转 9. HTML5 postMessage 和 onmessage API 详细应用 本文来源:https://www.51html5.com/a846.html
上一篇:css3对background的调整与增强
下一篇:CSS3圆角的实现教程
﹝用css3 media queries创建手机版网站﹞相关内容
「用css3 media queries创建手机版网站」相关专题其它栏目也许您还喜欢 |