图像未针对 ipad 屏幕/iphone 模式调整大小答案

【问题标题】：Image isnt resizing for ipad screen/iphone mode图像未针对 ipad 屏幕/iphone 模式调整大小
【发布时间】：2014-09-09 02:56:18
【问题描述】：

谁能找到我的问题的解决方案？我一直在调整我的 CSS 表，但它似乎并没有改变任何东西。我对“4sites”图像使用与“关于”img 相同的规则。

我知道你可以在一张 CSS 表中创建所有内容，但我的教授要求我们按照原来的方式制作......

我在 img 周围添加了一个 div 标签，认为我可以更好地控制它。但它似乎不是这样！

非常感谢！

【问题讨论】：

【解决方案1】：

您正在尝试将图像的高度保持为 100%。如果这是响应式设计，那么宽度必须为 100%，高度必须保持为自动

CSS：

#Mybio #Mepic img {
    clear: none;
    float: left;
    height: auto;
    width: 100%;
    margin-bottom: 100px;
    margin-top: 55px;
}

现在的问题是，图像占据了整个屏幕的宽度，这很正常。您必须将父 div(id 限制为 #Mepic) 并使用不同屏幕尺寸的媒体查询来处理它。我还在您的网站上看到了浮动问题。使用 Clear:both 清除它们。

【讨论】：