网站 › 『编程语言讨论求助区』 › 页面采用vw布局 如何让字号不被浏览器限制最小12px

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

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

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

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;}

没有效果:'(weeqw

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 你值得拥有.

查看完整版本: 页面采用vw布局 如何让字号不被浏览器限制最小12px