问材料设计CSS单元
EN

Stack Overflow用户

提问于 2018-06-13 17:45:46

回答 1查看 181关注 0票数 1

我希望遵循材料设计(不是显式安装MD)使用CSS，但单位是有点混乱的我。我知道大多数元素的大小和位置都在4dp或8dp网格上，但我不确定这将如何转化为CSS单元。我知道使用rems/ems通常是规模化的好做法，但在设计的材料中没有提到它们(至少在尺寸/定位方面是如此)。

例如，可以说<button>标记有8'dp‘填充；我希望按钮针对不同的设备进行缩放，并且我希望尽可能多地重用CSS。

我是否应该将"dp“替换为"px”，只使用像素单元，并使用不同的断点来支持不同的设备？还是我应该以不同的方式对待这件事？

回答已采纳

发布于 2018-06-13 17:59:31

是的，您应该使用像素单位，我们没有将传递的值转换为4(或8)倍数的原生CSS单元。

为了使不同设备的样式保持相同的比例，您可以在<head>文件中使用以下标记

<meta name="viewport" content="width=device-width, initial-scale=1.0">

在W3Schools上你可以找到 viewport element

<meta>视口元素为浏览器提供了如何控制页面尺寸和缩放的说明。 width=device-width部件设置页面的宽度以跟随设备的屏幕宽度(这取决于设备的不同)。 initial-scale=1.0部件在浏览器首次加载页面时设置初始缩放级别。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50843283

复制

相似问题

问材料设计CSS单元EN