位置: 编程技术 - 正文

css浏览器不兼容原因分析及解决办法第1/2页(css浏览器兼容性问题)

编辑:rootadmin
在下不才,归纳几点html编码要素,望能指点各位:1.文字本身的大小不兼容。同样是font-size:px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高px,下留白3px,ff下实际占高px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px 的差异。 2.ff下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而ie下是会被内容撑大,高度限定失效。所以不要轻易给容器定义height。 3.还讨论内容撑破容器问题,横向上的。如果float 容器未定义宽度,ff下内容会尽可能撑开容器宽度,ie下则会优先考虑内容折行。故,内容可能撑破的浮动容器需要定义width。 小实验:有兴趣大家可以看看这段实验。在不同浏览器下分别测试以下各项代码。 a.<div style=”border:1px solid red;height:px”></div> b.<div style=”border:1px solid red;width:px”></div> c.<div style=”border:1px solid red;float:left”></div> d.<div style=”border:1px solid red;overflow:hidden”></div> 上面的代码在不同浏览器中是不一样的,实验起源于对小height 值div 的运用,<div style=”height:px;overflow:hidden”></div>,小height 值要配合overflow:hidden一起使用。实验好玩而已,想说明的是,浏览器对容器的边界解释是大不相同的,容器内容的影响结果各不相同。 4.浮动的清除,ff下不清除浮动是不行的。 纠正大家一个误区,遇到不兼容就说ff烂是不对的,其实更多时候是ie的奇怪表现让我们无所适从。以下列出ie6的种种劣迹。 5.最被痛恨的,double-margin bug。ie6下给浮动容器定义margin-left 或者margin-right 实际效果是数值的2倍。解决方案,给浮动容器定义display:inline。 6.mirrormargin bug,当外层元素内有float元素时,外层元素如定义margin-top:px,将自动生成margin-bottom:px。padding也会出现类似问题,都是ie6下的特产,该类bug 出现的情况较为复杂,远不只这一种出现条件,还没系统整理。解决方案:外层元素设定border 或 设定float。 引申:ff 和ie 下对容器的margin-bottom,padding-bottom的解释有时不一致,似乎与之相关。 7.吞吃现象,限于篇幅,我就不展开了。还是ie6,上下两个div,上面的div设置背景,却发现下面没有设置背景的div 也有了背景,这就是吞吃现象。对应上面的背景吞吃现象,还有滚动下边框缺失的现象。解决方案:使用zoom:1。这个zoom好象是专门为解决ie6 bug而生的。 8.注释也能产生bug~~~“多出来的一只猪。”这是前人总结这个bug使用的文案,ie6的这个bug 下,大家会在页面看到猪字出现两遍,重复的内容量因注释的多少而变。解决方案:用“<!?[if !IE]> picRotate start <![endif]?>”方法写注释。 9.<li/>里加 float <div/>,这是一个典型的,棘手的兼容问题,希望引起大家正视 ,给li 不同的属性会有不同的解释效果,ff下的解释稍可理解,ie6下的解释会让你摸不着头脑,由于问题的复杂性,将另起一文专门讨论该问题。在《ul使用心得》一文里有相关成果,却没给出问题解决的过程。 .使用了“float:left;display:inline”的ul的奇怪表现。可以看出这句css是针对ie6下的double margin bug 而加上的display:inline,这也是我的css体系里的重要一环,在《ul使用心得》一文中有相关阐述。而这句css用在ul上会让你痛苦不堪。点到为止,这里不能多说哈。

推荐整理分享css浏览器不兼容原因分析及解决办法第1/2页(css浏览器兼容性问题),希望有所帮助,仅作参考,欢迎阅读内容。

css浏览器不兼容原因分析及解决办法第1/2页(css浏览器兼容性问题)

文章相关热门搜索词:css兼容性,css兼容ie,css浏览器不兼容怎么解决,css浏览器不兼容怎么解决,浏览器css3兼容,css浏览器不兼容怎么解决,css浏览器不兼容怎么解决,css浏览器不兼容怎么回事,内容如对您有帮助,希望把文章链接给更多的朋友!

不用图片作背景CSS做的小灯笼效果_练习用 写这个效果,可以熟悉以下:1、相对定位中的绝对定位;2、CSS针对浏览器HACK;3、了解几种边框,以及可以实现的变化;以及加了边框后,宽度和高度

iframe transparent透明背景方法 在transparentBody.htm文件的body标签中,我已经加入了style="background-color=transparent"通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会

网页绿色系配色应用实例图文第1/2页 绿色与人类息息相关,是永恒的欣欣向荣是的自然之色,代表了生命与希望,也充满了青春活力,绿色象征着和平与安全、发展与生机、舒适与安宁、

标签: css浏览器兼容性问题

本文链接地址:https://www.jiuchutong.com/biancheng/375336.html 转载请保留说明!

上一篇:css 跨浏览器实现float:center(css兼容浏览器)

下一篇:不用图片作背景CSS做的小灯笼效果_练习用(不需要背景)

  • 加计扣除10%进项税会计分录 申报表
  • 房地产开发产品科目
  • 合伙企业当年盈亏怎么算
  • 员工辞退补偿金需要交个税吗
  • 如何知道一家公司是否可靠
  • 暂估入账后没有交房产税
  • 第一季度亏损第=季度盈利但累计还是亏损要交所得税吗?
  • 建筑企业预收款开具不征税发票为什么要预缴
  • 分销佣金分配
  • 收到别的公司的转账支票
  • 税金及附加怎么计提
  • 将外购货物分配给客户
  • 特许权使用费预扣预缴计算方法
  • 发票限额是含税还是不含
  • 未分配利润转增股本 个人所得税
  • 开票税率选错申报增值税时怎么处理
  • 利润弥补以前年度亏损是税前吗
  • 赠送视同销售是按照售价还是成本缴纳增值税
  • 非直系亲属继承房产后再卖掉后交税吗
  • 酒店预收款是什么意思
  • 建筑队能开哪些项目
  • 什么叫保理支付
  • 小规模应交税费有三级科目吗
  • 电商平台收取的手续费
  • 高新产业扶持补贴怎样申请
  • 鸿蒙怎么开启个性化桌面
  • 个税手续费返还要交增值税吗
  • 上月暂估入账
  • 虎杖的养殖方法和用量
  • 软件服务费怎么算
  • Linux下which、whereis、locate、find 区别
  • 缴纳集团公司的税收
  • 年终奖发放管理制度
  • 远期外汇交易会有风险吗
  • 文化事业建设费减免政策
  • 一只什么海鸥填空
  • thinkphp框架怎么用
  • linux系统中安装auto dock
  • 高新技术企业相关税收政策
  • mongodb基础知识
  • 破产清算不够支付员工补偿金
  • 维修费发票应必须开具吗
  • 长期股权投资追溯调整有几种情况
  • 为支持防疫工作捐款
  • 自产产品对外捐赠为什么不确认收入
  • 失控发票多久能查出
  • 销售货物没有开票的会计分录
  • 销售预付卡的账务处理
  • 商家说垫付运费
  • 电子退库纳税人是什么意思
  • 递延所得税资产怎么计算
  • 用友t3月末转账流程图
  • 制造费用是借还是贷
  • 企业注销股东投资款怎么处理
  • 对方公司收钱不开发票怎么办
  • 预收账款占销售收入比例预警值为比例大于
  • 企业办理土地证需要哪些资料
  • 深入3DSTUDIOMAX
  • sql中的非逻辑
  • sql server复制数据库的方法
  • windows10访问xp
  • Ubuntu Server Rsync服务端与Windows cwRsync客户端实现数据同步配置教程
  • linux中的find的用法
  • linux引导和启动
  • win7安装补丁慢的原因
  • Linux系统怎么用梯子
  • 简述常用
  • cocos2dx4.0教程
  • nodejs支付宝支付
  • jquery的deferred
  • 详细说明js的执行过程
  • unity ti
  • 深入理解新发展理念,推进供给侧结构性改革
  • jQuery Easyui datagrid/treegrid 清空数据
  • python 包 __init__
  • 租房完税证明需要多长时间内的
  • 湖南税务局发票查询
  • 深圳电子税务局app
  • 涉农项目有哪些项目
  • 采购设备税率多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设