如何在响应式网页上找到图像的尺寸？

Question

我是一名平面设计师。他们想让我在页面上设计一些滑块图像。但没人知道尺寸。我看到当我检查页面时，图像有4个不同的尺寸。

大 介质 小 XSMALL

因此，当您使用手机进入网站时，会出现Xsmall图像..等等。

我尝试了一些标尺和响应式视图扩展;但它没有帮助我。

如何找到确切的尺寸？

Answer 1

具体步骤可能取决于您使用的浏览器。以下是Chrome的一些说明（它们与其他浏览器类似）：

• 调整窗口大小以获得最小尺寸的图像。
• 右键单击图像和＆＃34;检查元素＆＃34;
• 您会看到＆＃34; Computed＆＃34;的标签。这表示此图像的计算CSS属性。在此视图中，您可以读取高度和宽度（以像素为单位）。
• 调整窗口大小并针对每种图像尺寸重复此操作。

更高级的方法：根据他们如何实现响应式网页设计，您可以查看页面加载的CSS，并查找根据视口控制图像大小的@media个查询的浏览器。详细了解@media here。