Question

我正在使用material design开展项目。我想设置图像的大小，硬编码为（200x200）。我只是想知道，我做的是正确的。是否违背了材料设计思想来定义图像的宽度和高度？

Answer 1

没有。它并不反对任何框架的意识形态 - 但它反对一种柔软的反应性适应性负责任的意识形态 - 取决于你如何处理各种px密度，如果你扩展大于200px的img - 或者期望它在你之后适应＃39 ;明确设置其大小。

材料设计更多的是关于可视化分层和一组UI规则。

你的图像应该是400像素，并且只能使用绝对大小的200像素。

.image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

.image-wrapper {
  max-width: 200px;
}