发布网友
共4个回答
热心网友
写CSS 3年,写响应式布局2年。今天有幸学到这招真的感激不尽。
先不说无用的了,这问题的起因是IE9对margin属性理解的有些误差。
如果仅仅是IE9会出现这种麻烦,那么我已经解决了,虽然有些小问题还是未能解决,代码如下
margin:0 -50%\0;这代码要加在你原有代码的后面不要覆盖,后面的\0不要删掉,这是CSS HACK技术,专门针对IE9
小问题就是当显示范围小于图片的50%的时候,这时候图片的缩放会跟margin:0 -100%有所不同。
IE9的确测试了是正常的。这有可能仅仅是IETESTER的BUG而已
热心网友
学习了。。不过我用ie9测怎么就正常。。还有就是既然div宽度小于图片了,图片就显示不全了,就直接给width:100%;不行吗追问需要原生的ie9,如果你的IE是ie10或ie11,用开发人员工具模拟出来的ie9是正常的。
如果你的ie最高就是ie9也就是原生的ie9就会出问题,原生ie9可以用ietester模拟出来。
热心网友
为IE9或者IE单独写个HACK即可。margin:0 auto
热心网友
margin:0 auto;不就是剧中吗?如果还不行就在div中加 text-align:center(因为img是行内元素);margin:0 auto应该是快元素都可以吧!!!追问不,这个不是你想象的那么简单,里面的图片是1920宽度的,外层div的的宽度是要自适应屏幕的,在响应式网站中经常会用到。如果在1366分辨率的屏幕下,简单的写法,图片就会不居中。我从前一直使用的position:absolute; left:50%; margin-left:-960px;来使图片在小屏幕下也居中,后来在国*站上发现了margin:0 -100%的简洁写法,感觉很好用。