问题标签 [css-rem]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
4381 浏览

css - css: margin 属性同时使用 px 和 rem

考虑以下 css 类定义,取自 wrpdress 212 主题:

为什么margin-bottom定义两次,一次是单位px,一次是rem单位?浏览器会选择哪个单位?

0 投票
1 回答
855 浏览

css - 响应式字体、边距、填充

我有这个基本的 CSS 样式。我想要做的是让文本响应(字体),我知道我必须使用 ems / rems 来做到这一点(我选择 rems 并回退到 px 不确定它是否正确但你可以在代码中看到如何我做了,我不确定我是否设置正确的像素),我使用的公式是字体大小除以 16 像素。现在我们有一个我认为 h 标签的相对字体大小.. 但是如果我想调整浏览器的大小并没有任何魔力。你能帮我理解如何使用 rems 或其他东西使字体响应,使用 rems/other 设置边距、填充、行高吗?欢迎提供一个复杂的示例和解释:-d 非常感谢您抽出宝贵的时间。

0 投票
0 回答
64 浏览

css - 字体大小 62.5% 的问题

我有一个非常奇怪的问题。有时我的/页面显示网站正常,但有时会放大。而“有趣”的是,只有起始页受到影响。

上面你可以看到“有趣”的,当页面正常加载时在下面:

在此处输入图像描述

所以当我得到“有趣”的网站时,我只需要调整窗口的大小,它看起来又正常了。

出现在 Chrome 43 中

0 投票
0 回答
886 浏览

css - 我可以在某些元素上设置新的根大小,不是吗?(快速移动)

我的问题是:

我正在使用一个 CSS 框架,它rem作为单元使用。有些网站/模板将它们的<html>字体大小设置为html {font-size:62.5%},所以1rem 是 10px 而不是 16px ,那么使用该框架的所有文本/元素都很小。

如果可能的话,我试图不改变他们的根字体大小。


所以问题是:我可以在某些元素上设置新的根大小吗?(可能的 ?)

就像是 :

0 投票
2 回答
2554 浏览

css - 移动设备使用 rem 单位的原因?

我知道最好使用 rem(或 em)单位而不是 px,以便在更改浏览器的字体大小选项时保持文本样式比例。

所以我只在我的项目中使用相对单位而不是 px。

但是在移动设备上,我的想法是不可能在移动设备中更改浏览器字体大小,除非有诸如“A+”“A-”之类的可访问性按钮。

所以我想知道在仅移动设备的情况下是否还有其他原因更喜欢相对单位而不是 px ?