我正在查看用户在Quora和Facebook的Feed中显示图片。
这些图片的大小固定为：
width: 40px;
height: 40px;
当我更改浏览器大小时，页面会响应，
并且这些图片的大小保持不变，40px和40px。
还有什么用来保存图片＆＃39;大小相同？
据我所知，px不依赖于父元素。
答案 0 :(得分：0)
通过定义像素密度，可以在响应式设计中使用像素比率。
例如，这通常在大多数HTML文档的标题部分中完成：
<meta name="viewport" content="width=device-width>
使用此标签，像素密度为2.0的设备会将像素宽度从640px修改为320px。这是像素比率将基于用户的设备/视口调整的许多方法之一。
答案 1 :(得分：0)
由于您要检索宽度为40px，高度为40px的图像，因此无法在图像信息（像素）中无损失地调整大小，因此您需要检查Facebook API以了解如何获取图像先大尺寸！那么你会考虑让它在其他设备上看起来很好。
答案 2 :(得分：0)
我使用sass mixin来维持某些元素的宽高比。我是Chris Coyier的修改版本，在这里找到：https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/
或者，如果你的意思是他们保持40x40px的实际大小而不管windw大小，他们可能只在元素上声明了max-width: 40px; min-width: 40px;。或者也许<img src="#" width=40 height=40>设置了元素标签。