今天有网友问我前端开发ie浏览器单独设置宽怎么设置,小编在网上查了一些资料,再根据个人经验所得,希望能够帮助到大家。
工具/原料
浏览器
电脑
方法/步骤
1、浮动IE产生双倍距离问题#box{float:left;wid隋茚粟胫th:100px;margin:000100px;//这种情况之下IE会产生婷钠痢灵200px的距离display:inline;//使浮动忽略}•这里细说一下block与inline两个元素:block元素的特点:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点:和其他元素在同一行上,不可控制(内嵌元素);#box{display:block;//可以为内嵌元素模拟为块元素display:inline;//实现同一行排列的效果diplay:table;
2、IE与宽度和高度的问题•IE不认得min-这个定义水貔藻疽,但实际上它把正常的width和height当作有min的情况来使。这绛纲苘浑样问题就大了,如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。
3、页面的最小宽度问题•min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确。但IE不认得这个,而它实际上把width当做最小宽度来使。
4、而IE呢,仗着“我爸是微软”,得以做到每台安装Windows操作系统的电脑都会装有某个版本的IE。用这个IE浏览器正好可以上网,于是好多用户误以为IE就是唯一的上网方式。其实IE并不是唯一的浏览器,浏览网页也不是上网的全部。
5、是精确按照设计图开发的前端开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到浏览器的兼容性问题,而这些问题往往都是浏览器的bug,并且他们制作的页面后期易维护,代码重用问题少,可以说是比较牢固放心的代码。