css问题,关于margin:0 -100%,有多少人知道?
答案:4 悬赏:20 手机版
解决时间 2021-01-10 09:00
- 提问者网友:谁的错
- 2021-01-09 11:46
css问题,关于margin:0 -100%,有多少人知道?
最佳答案
- 五星知识达人网友:风格不统一
- 2021-01-09 12:06
写CSS 3年,写响应式布局2年。今天有幸学到这招真的感激不尽。
先不说无用的了,这问题的起因是IE9对margin属性理解的有些误差。
如果仅仅是IE9会出现这种麻烦,那么我已经解决了,虽然有些小问题还是未能解决,代码如下
margin:0 -50%;这代码要加在你原有代码的后面不要覆盖,后面的不要删掉,这是CSS HACK技术,专门针对IE9
小问题就是当显示范围小于图片的50%的时候,这时候图片的缩放会跟margin:0 -100%有所不同。
IE9的确测试了是正常的。这有可能仅仅是IETESTER的BUG而已
先不说无用的了,这问题的起因是IE9对margin属性理解的有些误差。
如果仅仅是IE9会出现这种麻烦,那么我已经解决了,虽然有些小问题还是未能解决,代码如下
margin:0 -50%;这代码要加在你原有代码的后面不要覆盖,后面的不要删掉,这是CSS HACK技术,专门针对IE9
小问题就是当显示范围小于图片的50%的时候,这时候图片的缩放会跟margin:0 -100%有所不同。
IE9的确测试了是正常的。这有可能仅仅是IETESTER的BUG而已
全部回答
- 1楼网友:神的生死簿
- 2021-01-09 14:13
margin:0 auto;不就是剧中吗?如果还不行就在div中加 text-align:center(因为img是行内元素);margin:0 auto应该是快元素都可以吧!!!追问不,这个不是你想象的那么简单,里面的图片是1920宽度的,外层div的的宽度是要自适应屏幕的,在响应式网站中经常会用到。如果在1366分辨率的屏幕下,简单的写法,图片就会不居中。我从前一直使用的position:absolute; left:50%; margin-left:-960px;来使图片在小屏幕下也居中,后来在国外网站上发现了margin:0 -100%的简洁写法,感觉很好用。
- 2楼网友:玩世
- 2021-01-09 13:12
为IE9或者IE单独写个HACK即可。margin:0 auto
- 3楼网友:洎扰庸人
- 2021-01-09 12:56
学习了。。不过我用ie9测怎么就正常。。还有就是既然div宽度小于图片了,图片就显示不全了,就直接给width:100%;不行吗追问需要原生的ie9,如果你的IE是ie10或ie11,用开发人员工具模拟出来的ie9是正常的。
如果你的ie最高就是ie9也就是原生的ie9就会出问题,原生ie9可以用ietester模拟出来。
如果你的ie最高就是ie9也就是原生的ie9就会出问题,原生ie9可以用ietester模拟出来。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯