css细节很重要!

消声匿迹这么久,我该说明一下忙啥了。从去年10月29号到现在,先后学习了HTML,CSS,PHP,MYSQL,CMS内容管理工具,一心为我的第一个web站点忙活。今年4月1日,我的网站就要上线了。www.tibetic.com—西藏家,做这个网站是因为当时打算今年暑假去西藏的,但是参加大赛计划可能又要泡汤了。

我一直使用Firefox作为主浏览器,当时没意识到css兼容性在不同浏览器的差距。直到前天从学校上机,用ie6一看,omg,不忍直视的赶脚扑面而来~

边框消失,png不支持等等问题...我当时以为是ie版本低,没太在意

今天下载下safari,chrome做兼容测试,发现也不显示边框,赶忙找到css文件查看

下面是各浏览器显示效果 chrome

firefox

safari


但是就是搞不懂拿错了,最后上w3cschool找到border的样式规则,发现border最小单位是1px....不能用小数,以迅雷不及掩耳盗铃之势修改后终于天下大同了

chrome

firefox

safari


以后再做网站时,一定要注意css在不同浏览器的显示效果保持一致,不能一直瞎忙,结果系统越大越难修改。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值