Twitter bootstrap 3 如何在引导设计中确定图像宽度？

这听起来可能很奇怪，但我不明白设计师是如何在引导布局中确定图像宽度的

考虑以下模板：

在桌面1080p显示器上，900x300占位符图像显然不是900宽。只有当浏览器的宽度在1000px左右时，它才会显示全尺寸

Q）我在这里是不是很密集？这些宽度是如何确定的？

---

这一点很重要，因为我想使用引导进行一些设计，但显然我想确保选择适当的图像宽度。

有很多方法可以做到这一点，但最简单的方法是使用Chrome的“Inspect Element”

1） 右键单击照片并选择“检查元素”。向下滚动，直到您看到它的尺寸，填充等图表

2） 将浏览器宽度调整为最大照片宽度（在您的示例中，它介于990px和1200px之间）

2） 继续编辑placehold.it图像宽度，直到inspector图表停止更改照片宽度（参见附件照片）。这告诉您最大阈值，在本例中为940px

---

仅供参考，您还可以尝试确定是否知道列宽、填充、边距，并假设已正确重置嵌套的列填充，但其中存在大量假设和计算，因此我倾向于使用inspector方法，至少是为了确认。

通常我取列宽（8.33333333%）和maxed out.container（1170px）==col-8是70%（8.3333 x 8）1170px的70%是820px（四舍五入）。如果我读对了你说的话，你的答案是基于设计中已经存在图像的假设。而我一般都会问，如何调整图像的大小，以便进入设计。不过很有帮助，谢谢。我建议您使用placehold.it图像，如您的示例中所示。它们是很好的占位符，但在本例中，它们对于确定理想尺寸也很有用。