图像未出现在移动设备的中间
问题描述:
在此页面的“获取故障单”按钮下的图像中出现问题http://www.luaumakaiwa.com/Terms/tabid/71/Default.aspx 当您使用移动设备看到该页面时,图像不会出现居中但是左对齐。图像未出现在移动设备的中间
该代码是
@media(max-width:717px){
.top-img-cont{
display: block;
width: 100%;
height: 207px;
overflow: hidden;
}
}
我尝试添加 “保证金:0汽车;”上课top-img-cont,但它仍然无法正常工作。
答
您需要添加:
.top-img-cont img {
display:block;
margin:0 auto;
width: 200px;
height: auto;
}
谢谢你这个有用的回复。这集中了第一个图像,但第二和第三不再出现在屏幕上iPhone 6横向·宽度:667px。 – Parlanchina
我看到您已更新您网站上的该页面。您的图片现在似乎正常显示,但已被拉伸。在你的css上.top-img-cont img target,你可以保留宽度:200px,但是把'height'改为'auto'。这将保持您的图像居中作为您的原始请求,但也将保持它们成比例。我正在编辑我的原始答案,如果您满意,请标记为正确。 – JordanBarber