CSS3教程

当前位置: HTML5技术网 > CSS3教程 > 用css3 media queries创建手机版网站

用css3 media queries创建手机版网站

css3在手持设备高速发展的带动下,在网页设计者和开发者孜孜不倦的追求下不断发酵,而它对于网站的最大好处莫过于对智能手机、平板电脑等的支持,使得用户通过iphone、ipad等设备都可以访问。想为网站创建一个适用于手机或者平板电脑等移动设备的版本吗?本文将为你介绍如何用css3来帮网站打开移动设备之门。

Media Queries

如果你曾经创建过网站的打印样式,那么你应该知道可以通过设置css2的media type为print去实现打印,下面是两个关于media type的简单应用

//example1  <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">   //example2  @media screen { * { font-family: sans-serif } }

【用css3 media queries创建手机版网站】相关文章

1. 用css3 media queries创建手机版网站

2. 用css3 media queries创建手机版网站

3. 利用CSS3 Gradients创建无图片水晶按钮

4. CSS3+ jQuery创建手风琴菜单

5. 用CSS创建打印页面

6. Respond.js – 让不懂爱的 IE6-8 支持 CSS3 Media Query

7. 手机版百度首页推情人节特效,HTML5+CSS3 实现网页3D翻转

8. 新浪微博推HTML5手机版 手机微博将可看视频

9. HTML5 postMessage 和 onmessage API 详细应用

10. 使用AngularJS创建应用的5个框架

本文来源:https://www.51html5.com/a846.html

点击展开全部

﹝用css3 media queries创建手机版网站﹞相关内容

「用css3 media queries创建手机版网站」相关专题