屏幕HTML元素大小
屏幕HTML元素大小
提问于 2022-05-22 15:53:47
我从设计者那里获得了xd.adobe链接，将其实现为网页，所以我采用了与adobe相同的px大小，并将它们放到我的网页HTML元素中，但我注意到的是，HTML元素在更大的屏幕上看起来更缩放，所以如果屏幕与xd.adobe中的屏幕大小匹配，那么网页将是相同的，否则它会更大，我读到的解决方案之一是停止使用px并开始使用%，但不会适用，因为项目将在几天后完成。
回答 1
Stack Overflow用户
发布于 2022-05-22 17:32:16
如果您试图将px转换为任何其他大小单位，那么我建议您使用rem单元进行转换。基本上，rem单元相对于html根标记的大小。为了进一步了解它，我建议你通过这个网站。链接
以下是一个转换示例：
* {
font-size: 16px;
}
h1 {
font-size: 50px;
}
#first {
font-size: 12px;
}<html>
<body>
<h1>My First Heading</h1>
<p id="first">My first paragraph.</p>
<p>My second paragraph.</p>
</body>
</html>
及其在rem中的等价css
* {
font-size: 16px;
}
h1 {
font-size: 3.125rem;
}
#first {
font-size: 0.75rem;
}<html>
<body>
<h1>My First Heading</h1>
<p id="first">My first paragraph.</p>
<p>My second paragraph.</p>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72339127
复制相关文章
相似问题
腾讯云开发者
