我应该为 HTML 使用啥单位?

Posted

技术标签:

【中文标题】我应该为 HTML 使用啥单位?【英文标题】:What unit should I use for HTML?我应该为 HTML 使用什么单位? 【发布时间】:2011-05-28 05:33:27 【问题描述】:

我喜欢使用 em,并且倾向于远离 %,因为它容易破坏设计,而 pt、px、cm... 因为它们对所有设备都不是那么友好。我这样做对吗?

【问题讨论】:

最近在 p.se: programmers.stackexchange.com/questions/25895/… 另见此答案:***.com/a/11803273/516188 【参考方案1】:

css 为您提供选择是有原因的。所以这并不是一个对与错的问题。但是,如果您正在寻找一种通过使字体和元素更容易缩放来使您的网站更易于访问的方法,那么您就走在了正确的道路上。和他们一起去。

【讨论】:

【参考方案2】:

这取决于。使用 em 将尺寸链接到字体大小,并使用 % 链接到容器(最终是屏幕)的大小。在某些地方,一个会比另一个更好,以获得一致的效果。我同意避免使用绝对单位通常很好,但 px 对于小尺寸(例如边框宽度、垫片)很有用。

【讨论】:

关于 px/em 一直困扰我的一件事是边距设置。所以我经常想要固定宽度的边距,但我的其余布局将是流畅的:/ @Danjah - px 尺寸本身并没有错,只是不要将它们用于列宽或文本容器之类的东西。 a 列 49%,b 列 49%,留下 2% - 但我希望 L/R 边距为 10 像素而不是 1%,所以我在某处留下了差距...... @Danjah - 然后不要过度限制宽度。定义边距并允许列扩展以填充空间。 问题是我更喜欢这个页面上的设计,而不是任何设定的百分比。有了这个设计,如果你想专注于右侧菜单,你可以。【参考方案3】:

是的。它可以缩放,易于记忆,甚至可以轻松转换为其他测量值进行比较:)

【讨论】:

以上是关于我应该为 HTML 使用啥单位?的主要内容,如果未能解决你的问题,请参考以下文章

Next.js 应该使用啥图像大小?

我应该为 HTML5 拖放操作使用啥格式(MIME 类型)?

我应该为移动网站使用啥字符编码元标记?

我应该为一个简单的 HTML5 + jQuery 应用程序使用啥 JavaScript UI 测试框架?

我应该使用啥标签而不是 html 中已弃用的标签字体(不能使用 CSS)

iPhone/iPad 的 HTML 单位