Chrome浏览器仍然不受限制,但Chrome仍然是最常用的浏览器。
当作者开发一个项目时,如果字体大小需要怎么办?这是在Chrome中无法实现的。标记字体,我想到了诸如REM.REM的非PX单元,但仅仅是为了适应响应,它不会突破此限制。
EM,REM和其他单元仅用于通过以不同分辨率显示效果提出的转换单元。公共库仅使用JS进行转换。微信Mini Program提出的单位也是如此!
如果这条路不合理,只剩下一种方法:更改视觉尺寸而不是实际尺寸。
CSS中有一个属性:
默认情况下,X/Y轴放大;如果y不值得,也可以单独编写:scalex()scaley()scalez()。
写作的第二种方法:此方法是上述方法的复合编写,结果与上述相同。
但是请注意使用此属性:当尺度缩放时,“缩放元素所在的空间的中心点”是基准。通常使用另一个元素“还原位置”所必需的:
合成,具有三个属性值:
默认值为:
属性值可以是特定的值,例如百分比,EM,PX等或关键字,例如顶部,右,底部,左和中心。作用是改变元素变形的起源。
可以清楚地表明,这样的黑客需要清楚地指定变焦元素的值!
我为什么要在上面的代码中使用?为什么在扩展元素中的文本类中使用它?删除类后,请参阅效果:
(使用相同的效果)
好的,您可以看到Zhan Gao没有遵循我们认为的“缩放”。它会影响下面的元素位置。
本质上,“视觉大小已经改变,但实际(占用)没有改变。呢
有必要注意这一点。一般而言,设置一个大于它的值。
在许多人使用的场景中可能不会考虑此问题:在减少元素的高度有限之后,如果更换元素,则文本重叠将发生。
为此,我在生命周期中使用了父元素的宽度,然后动态地计算了是否需要更改和行所需的行数,最后重新赋予了每个数据的值。这里有三点要注意:
关于第三点,这里有机会。例如,当您首次输入页面时,您需要显示pop -up窗口,而pop -up窗口是一个组件。然后,您无法在index.vue。(这与此无关),但是您也可以拆分,例如标题,然后在标题组件的安装台上调用pop -up窗口组件曝光。