如何在引导程序设计中确定图像宽度？

Question

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

考虑以下模板：

http://startbootstrap.com/templates/blog-post/

在桌面1080p显示器上，900x300占位符图像显然不是900宽。当浏览器宽度大约为1000px时，它才会显示完整大小。

问：我在这里很密集吗？这些宽度是如何确定/决定的？

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

Answer 1

许多方法可以做到这一点，但最简单的方法是使用Chrome＆＃34; Inspect Element＆＃34;。

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

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

2）继续编辑placehold.it图像宽度，直到检查图停止更改照片宽度（参见附图）。这告诉你最大阈值，在这种情况下是940px。

仅供参考，您还可以尝试确定您的列宽，填充，边距以及假设您已正确重置嵌套列填充，但是那里有很多假设和计算，所以我倾向于使用检查器方法，至少要确认一下。