我国云计算发展五大关键词
|
em和em单位有什么区别? rem使用根（<html>）元素的字体大小计算值，而声明em值的元素引用包含它的父元素的字体大小。如果指定的父元素的大小与根元素的大小不同（例如，父元素为18px，但根元素为16px），则em和rem将解析为不同的计算值。这使我们可以更细粒度地控制元素在不同响应上下文中的响应方式。 vh是视口高度或可见屏幕高度的首字母缩写。100vh代表视口高度的100%(取决于设备)。同样，vw代表视口宽度，这意味着设备的可视屏幕宽度，而100vw则代表视口宽度的100%。 超越媒体查询
以上，我们只研究了许多真正强大且相对较新的HTML和CSS功能，这些功能为我们提供了更多(可能更有效)的响应方式构建方法。这些新的东西并不是取代我们一直以来所做的事情。它们只是为开发人员带来更多的可选性，可让我们更好地控制确定元素在不同上下文中的行为。无论是使用字体大小，分辨率，宽度，焦点还是其他任何东西，我们对用户体验的控制都比以往任何时候都要精细。 浏览器会将字体设置为1rem，直到1rem的计算值大于40px。而当计算值大于40px时?是的，浏览器在达到4rem后将停止增加大小。 使用响应单位 你是否曾经建立过一个带有大标题或副标题的页面，并且在 PC 屏幕上的显示效果良好，但在移动设备上却发现它太大了?我猜肯定会遇到这种情况，在本节中，我们将介绍如何处理此类问题。 在CSS中，你可以使用各种度量单位来确定元素的大小或长度，最常用的度量单位包括：px，em，rem，%，vw``和vh。虽然，还有一些不常用的单位。我们感兴趣的是px可以视为绝对单位，而其余的则可以视为相对单位。 绝对单位 像素(px)被视为绝对单位，主要是因为像素是固定的，并且不会因其他任何元素的测量而变化。可以将其视为其他一些相对单位使用的基本单位或根单位。将像素用于响应行为可能会遇到问题，因为它是固定的，但是如果你有完全不应调整大小的元素，那么像素就很棒。 1 相对单位 相对单位(例如%，em和rem)更适合于响应式设计，这主要是因为它们具有跨不同屏幕尺寸缩放的能力。
同样，大多数浏览器的默认字体大小为16px，这是rem单位用来生成其计算值的字体。因此，如果用户在浏览器上调整字体大小，则页面上的所有内容都将根据根大小正确缩放。例如，当处理根集为16px时，我们指定的数字将乘以该数字乘以默认大小。例如： （编辑：莆田站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
