h5 移动端响应式兼容
来源:互联网 发布:虚拟声卡软件 编辑:程序博客网 时间:2024/06/05 13:23
HTML5.js
对于html5标签,IE9之前IE浏览器不支持<header>, <article>, <footer>, <figure>等html5新标签。可在html文档中添加 html5.js 文件将解决这一问题。
<!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
CSS3 Media Query
包含 Media Queries Javascript文件
IE8和之前的浏览器不支持CSS3 media queries,可在页面中添加css3-mediaqueries.js来解决这个问题。
<!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
包含 Media Queries CSS
创建media query所需的css,然后在页面中添加引用。
<link href="media-queries.css" rel="stylesheet" type="text/css">
CSS
设置html5元素为块状元素
下面的css将会把html5的元素(article, aside, figure, header, footer 等)设置为块元素。
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
0 0
- h5 移动端响应式兼容
- h5移动端兼容开发小结
- 兼容移动端的响应式瀑布流
- H5-移动端响应式布局vw,vh替代方案(可灵活搭配)
- PC端移动端兼容响应式布局页面的制作
- bootstrap响应式兼容PC和移动端图片无缝滚动效果demo
- H5 响应式设计
- 移动端h5页面不同尺寸屏幕适配兼容方法
- 移动端响应式布局
- H5移动端知识
- 移动端H5调试
- H5移动端开发
- H5移动端常见问题
- 制作H5游戏做桌面和移动端响应的一些心得
- h5开发app,移动端 click 事件响应缓慢的解决方案
- 产品设计 用户体验优化之兼容PC与移动端的回车搜索响应事件设计
- 移动端兼容总结
- H5移动端知识点总结
- Linux多线程编程----IO【select、poll、epoll】
- shell 脚本-符号-基础语法
- shell 脚本-正则表达式
- shell 脚本-sed工具
- 基于Metronic的Bootstrap开发框架经验总结(14)--条码和二维码的生成及打印处理
- h5 移动端响应式兼容
- Android基础之Activity生命周期和优先级
- 友善串口助手 V2.5.8.0825 Serial Port Utility注册码
- 二叉树创建和遍历
- Vbs脚本编程简明教程
- getopt在Python中的使用
- MySql bug (id=79163)
- 用nginx给kibana、elasticsearch做权限认证
- VBS基础篇 - 对象(3) - FileSystemObject对象