写页面中需要知道的一些兼容方法
来源:互联网 发布:sql删除前10条记录 编辑:程序博客网 时间:2024/06/03 19:25
首先说一下pc端:pc端一般最恶心的就是ie678 了,那么怎样来兼容它呢?
//ie10以下的样式添加<!--[if IE]> //ie10以下版本的css js都可以<![endif]-->
当页面出现错乱,你可以用以上的方法来做兼容,但是媒体查询就不兼容了,不要怕,我们只需引入一个js就好
<!--[if IE]> <script src="https://github.com/a-little-sheep/ie678/blob/master/respond.min.js"></script><![endif]-->
这样ie678也就兼容了媒体查询,但是问题又来了,ie10版本以上也会出现问题,那么怎么解决,不要怕,往下看
//ie10以上版本检测 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ 专属样式添加 */ }
在引入的css代码中,添加上这个,在这个里面写一些兼容ie10版本以上的样式,这个只有ie10以上版本兼容
这样就可以完美实现ie的兼容
pc的问题说了,那么说说移动端:
在移动端中就是想要适应所有手机,那么一般会用rem和百分百还有就是媒体查询
//页面是750<script type="text/javascript" class="setfontsize"> $( document ).ready(function() { Document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + "px"; });</script>
这样就可以用rem来写了
有时候会遇到这样的问题,横屏是一版,竖屏又是一版,那么怎么写呢?
/*横屏*/@media all and (orientation : landscape) { /*横屏时样式*/} /*竖屏*/@media all and (orientation : portrait){ /*竖屏时样式*/}
阅读全文
0 0
- 写页面中需要知道的一些兼容方法
- css写页面需要注意的方法
- 前端写页面需要注意的一些事情
- 求职面试中你需要知道的一些事
- 求职中你需要知道的一些问题!
- IOS中UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout
- Sublime Text 3中写Python需要的一些设置
- IE和FF JS中兼容的一些方法
- 扩展IE中一些不兼容的方法
- 使用多线程需要知道的一些知识
- 科研需要知道的一些网址
- C# 一些自己需要知道的事情
- unity3d开发需要知道的一些常量
- IOS开发-需要知道的一些事情
- unity3d开发需要知道的一些常量
- iOS需要知道的一些其他知识
- 一些程序员需要知道的资源
- Android 开发需要知道的一些基本概念
- java 保留两位小数
- python实现机械分词(2)-逆向最大匹配算法
- Oracle求某一列最大值
- MxCAD5.2 2017.7.10软件更新
- Symfony2的Nginx配置
- 写页面中需要知道的一些兼容方法
- HDU 1232 畅通工程(并查集Disjoint Set 经典)
- Couldn't save uncommitted changes / unable to auto-detect email address错误
- 基于ReentrantLock发生死锁的解决方案
- 利用Arcgis Engine 二次开发的使用和总结
- LintCode 删除数字+贪心
- Python Web开发Django框架学习(十三)连接MySQL数据库
- Myisam和innodb的区别
- Android响应式UI教程