div 中的照片太大答案

【问题标题】：Photos too large in divdiv 中的照片太大
【发布时间】：2014-07-17 02:37:37
【问题描述】：

我对 html/css 还很陌生，我正在为我妈妈编写一个网站。（现场示例：http://jleblanc.pancakeapps.com/index.html）对于我的生活，我不能让照片更小。大家有什么想法吗？

【问题讨论】：

【解决方案1】：

如果图像设置为以下格式：

<div id="PlaceHolder"><img src="source.jpg"/></div>

您可以在 CSS 中添加规则：

#PlaceHolder img{
width: 400px;
}

如果您设置高度或宽度 - 它会自动调整图像大小并保持其纵横比。

【讨论】：

【解决方案2】：

假设您在谈论彩色标签中的超大背景图像，问题是您设置了background-size: contain 将图像缩放到容器大小。选择其他背景尺寸（background-size: (x)% (y)% 可能吗？

（如果您将问题简化为您正在尝试做的事情的具体细节并给出不起作用的示例代码，而不是仅仅链接到一个网站并询问它有什么问题，您会得到更好的答案）

【讨论】：

【解决方案3】：

您可以将图像设置为响应式，方法是将它们设置为 100%，以便它们适合任何尺寸。谢谢

【讨论】：