前端兼容性的解决思路及技巧

前端知识总结
本内容只针对Pc端,未来会添加移动端的兼容问题总结
1、尽量使用margin,padding等边框属性代替相对定位、决定定位等属性
2、在使用position的时候,可以在父元素上添加relative属性,可以避免很多意外的效果,(如果考虑到兼容Ie6,就不能使用或者尽量少使用绝对定位混合相对定位,因为两者混合使用在ie6下会产生非常奇特的现象).
3、对于某个元素内,元素出现错乱的情况,可以overflow清除浮动影响.
4、在Ie6下,overflow在特定情况下无效果,因此如果出现错乱的情况,可以使用绝对定位代替相对定位产生的浮动影响。
5、如果考虑到兼容Ie6,就必须放弃css的高级选择器,比如属性选择器,兄弟选择器等,尽量使用单类的形式来代替多类,虽然有些变态,也不利于css的模块化.
6、对于在chrome、firefox及ie8以上浏览器兼容的情况下,ie8以下出现混乱的情况,去看看你的css写的是否规范,这个情况我们不能看做是浏览器的问题,因为这种情况发生的根本原因大多数的情况下是你的css写的不规范导致严格的浏览器认为你写错了,因此抛出异常致使页面出现错乱的现象

7、浏览器的兼容问题远远小于移动端的问题,虽然移动端可以使用更多的属性.

时间: 2024-11-10 13:09:11

前端兼容性的解决思路及技巧的相关文章

短信轰炸的原理及解决思路

大部分的网站和移动应用在注册时使用手机号码作为平台账号,利用短信验证来鉴别手机号是否属于用户本人.因此,我们在各类平台的注册场景经常见到短信验证.然而,这种验证工具背后却暗藏许多安全隐患.其中最主要的一种就是黑产利用各类平台的短信验证接口进行短信轰炸. 短信轰炸造成短信通道阻塞.企业品牌形象受损.短信费用被大量恶意消耗等负面影响,若被用户投诉,还将导致短信接口封禁,直接影响网站正常业务. 什么是短信轰炸? 短信轰炸是通过各平台获取短信验证码,达到恶意发送垃圾短信的工具.这种"短信炸弹"

网站访问慢解决思路详细图解

老男孩老师讲授网站访问慢解决思路思想,感谢21期的李同学图解呈现,此图才能与大家见面! 如果看着小,单击还原大图,可清晰查看!本图为亿图制作:亿图使用技巧: http://v.youku.com/v_show/id_XOTE2OTkzMjM2.html

微信小程序模板消息群发解决思路

基于微信的通知渠道,微信为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验.(微信6.5.2及以上版本支持模板功能.低于该版本将无法收到模板消息.) 模板推送位置:服务通知(点击查看详情还能跳转到下发消息的小程序的指定页面) 模板下发条件:用户本人在微信体系内与页面有交互行为后触发 微信小程序模板消息使用说明(官方文档):https://mp.weixin.qq.com/debug/wxadoc/dev/api/notice.html 为了防止对模板消息的滥用,带来

CSS浏览器兼容性与解决方法

一.什么是浏览器兼容性问题? 所谓的浏览器兼容性问题,是指不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况:而造成浏览器兼容问题的根本原因,是浏览器的内核不同导致的.认识浏览器内核   浏览器类型            内核                        JS引擎   IE                      Trident                     JScript   Firefox                 Gecko       

好程序员web前端学习路线分享jQuery学习技巧

好程序员web前端学习路线分享jQuery学习技巧,jQuery在web前端学习中是一个必不可少的内容,很多小伙伴都在学习这阶段的时候遇到问题,今天我们就来聊一下jQuery,让我们一起来看一看吧! 1.关于页面元素的引用 通过jquery的$引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方

一次下载多个文件的解决思路-JS

一次下载多个文件的解决思路(iframe) - Eric 真实经历 最近开发项目需要做文件下载,想想挺简单的,之前也做过,后台提供下载接口,前端使用window.location.href就行了呗.不过开发的时候发现,有些文件有附属文件,点击 下载按钮 需要下载两个文件,而且不能使用压缩包的形式.想想不是也挺简单,点击 下载 发送两个下载请求不就搞定了么. 说干就干,三下五除二就写好了,当点击 下载 的那一刻懵逼了, 第一个请求竟然自动Cancelled了,顿时一万个草泥马崩腾而过(因为是国外服

前端兼容性探讨

这里和朋友们简单探讨一下个人对于前端兼容性的一些理解: 在项目中,前端主要处理html,css,javaScript代码,当然还有可能接触到razor等渲染引擎方面的知识,不过主要处理的还是HTML.CSS.JavaScript.个人认为兼容性的问题也是对这三个方面进行处理. 首先,是html方面兼容性的处理,大家都知道,虽然有一个W3c标准的存在去规范html.xml/xhtml/css/javaScript/dom的标准,但是这只是个标准,真正体现出效果的是浏览器,而浏览器却有很多种,fir

Can't connect to local MySQL server through socket ‘/var/run/mysqld/mysqld.sock‘ (2)解决思路

首先说明一下mysql.sock文件的作用: 连接mysql有两种方式,第一种是TCP/IP,第二种就是直接使用unix domain socket,它比TCP/IP块. mysql.sock是在mysql-server和client在同一服务器上时,发起本地连接时可用,而无需定义-h参数指定具体的IP.mysql.sock是随每次mysql server启动时生成,通常配置参数是将mysql.sock生成在/tmp/目录下.即在/etc/my.cnf文件中指定socket=/tmp/mysql

防止多图OOM的核心解决思路就是使用LruCache技术

防止多图OOM的核心解决思路就是使用LruCache技术.但LruCache只是管理了内存中图片的存储与释放,如果图片从内存中被移除的话,那么又需要从网络上重新加载一次图片,这显然非常耗时.对此,Google又提供了一套硬盘缓存的解决方案:DiskLruCache(非Google官方编写,但获得官方认证).只可惜,Android Doc中并没有对DiskLruCache的用法给出详细的说明,而网上关于DiskLruCache的资料也少之又少,因此今天我准备专门写一篇博客来详细讲解DiskLruC