当前位置: 首页 > 网络应用技术

如何突破浏览器12px限制

时间:2023-03-09 01:12:22 网络应用技术

  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窗口组件曝光。