我在GTMetrix.com检查我的网站速度。在“页面速度”选项卡上，建议指定图像的图像尺寸。
我正在使用Bootstrap网站。
我网站上的图片目前有以下html
<img class="img-responsive" src="the-path">
他们是GTMetrix的推荐，声明这些图像缺少宽度和/或高度属性。
我一直认为，当他们有img-response类时，我不应该在我的img上添加特定的宽度和高度属性。
即使在使用img-responsive类时，您是否可以建议在Bootstrap网站上的每个img中是否应包含宽度和高度尺寸。
答案 0 :(得分：1)
存在设置高度和宽度的建议，以便在加载图像后，不必使用新布局从头开始重新绘制页面。如果您预先设置了图像大小，那么在加载后布局保持不变，这样可以提高效率，并且还可以防止用户在页面仍然加载时出现一些震动。
对于任何设计，如果您期望动态图像大小并且您的页面可以处理它，那么未指定高度/宽度没有任何问题。它只是一种优化技术。重视优化的功能网站。
答案 1 :(得分：0)
尝试使用 http://www.w3schools.com/cssref/pr_dim_height.asp
使用属性：px更改为vh（垂直高度）或hh（水平高度）... 例如：
身高：80vh; 宽度：40hh;
1 vh或hh的大小取决于screnn大小