页面采用vw布局如何让字号不被浏览器限制最小12px

lzn970721 · 发表于 2019-10-28 13:16

为了让页面能够适配所有宽度的显示器，所有的尺寸用的都是vw单位，字号font-size也是，
这样可以做到页面适应所有宽度屏幕，达到等比例缩放自适应的效果。但是发现浏览器都有一个最小字号的限制，默认最小字号为12px
所以在比较小的屏幕中，字号并没有缩小到指定的大小，而是被限制为12px了，导致页面布局混乱，而且也不可能让每个用户去修改浏览器的设置，
-webkit-text-size-adjust:none现在也失效了，不知道大家有没有什么解决办法

wxb519774317 · 发表于 2019-10-28 13:41

你试试添加

*{-webkit-text-size-adjust:auto !important;}

lzn970721 · 发表于 2019-10-28 13:51

wxb519774317 发表于 2019-10-28 13:41
你试试添加

*{-webkit-text-size-adjust:auto !important;}

没有效果

wxb519774317 · 发表于 2019-10-28 13:57

lzn970721 发表于 2019-10-28 13:51
没有效果

你用的是什么浏览器

通常来说我们都是想让哪一个浏览器设置这个属性就加上哪一个浏览器内核的前缀：
html{-webkit-text-size-adjust:none}

lzn970721 · 发表于 2019-10-28 14:54

wxb519774317 发表于 2019-10-28 13:57
你用的是什么浏览器

通常来说我们都是想让哪一个浏览器设置这个属性就加上哪一个浏览器内核的前缀： ...

chrome 我所有前缀的都写了一条还是没效果

hk_ut9521 · 发表于 2019-10-28 16:23

用js或者媒体查询搞百度一下你就知道

cube · 发表于 2019-11-1 01:21

transform 你值得拥有.

帐号		自动登录	找回密码
密码			注册[Register]

[求助] 页面采用vw布局 如何让字号不被浏览器限制最小12px

[求助] 页面采用vw布局如何让字号不被浏览器限制最小12px