如何让网页设计适合所有浏览器?

2021-01-09    分类: 网站建设

现在我们使用的浏览器有很多,IE6、7、8,火狐啊,360等。对于网站建设来说,我们要如何让自己的网页设计都能适合这些浏览器?对于浏览器不兼容的特点就在于浮动和填充,这两个问题大家是如何解决的?

1、浮动。浮动其实就是各个层摆放重叠的问题,有的层在上面有的层在下面,要想做到层的结构不重叠,一般人会想到消除浮动clear:both,但在实际中这个使用不是很理想也不太好用,最简单的解决办法就是分为三个层,其中头部和页尾用基础层固定,中间是浮动内容层,在浮动层里的所有容器只能嵌套不能叠加。

这样的布局,永远都不会出现重叠浮动的现象了,另外就是连续的字母或数字也可以自动换行,而不用象网上说的加这代码那代码,养成好的CSS设计习惯,很多头疼问题自然就不存在了。

2、外填充。其实外填充也就是如果使用margin时在各个浏览器解析不太一样,比如IE6正常的,但在IE7/IE8和火狐之间会多出几个显示像素。这时候最好的解决办法就是放弃margin改用padding一样可以达到想要的效果。

把握好这两点后,你只需要拿一个浏览器比如IE8就可以测试了,只要在IE8显示正常了,那么在其他所有的浏览器中显示也一定是正常的。

想要解决这个问题其实很简单。这个问题也是我们在工作中经常碰到的,大家在碰到这个问题时,是如何解决的呢。

网站名称:如何让网页设计适合所有浏览器?
文章网址:https://www.cdcxhl.com/news47/96597.html

成都网站建设公司_创新互联,为您提供全网营销推广网站内链Google域名注册自适应网站定制开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设