资讯专栏INFORMATION COLUMN

移动端页面字体在微信被放大,导致排版错乱

K_B_Z / 2738人阅读

摘要:在开发微信页面的时候,之前一直没有测出这个问题。了一下发现原来微信调整了字体大小会放大网页的字体,导致排版混乱。通过设置可以禁止网页字体被放大请忽略这样网页就没问题了,至少目前看来。

在开发微信页面的时候,之前一直没有测出这个问题。直到某天领导的手机出现了排版错位的问题,拿着手机质问我的工作态度。
Google了一下发现原来微信调整了字体大小会放大网页的字体,导致排版混乱。通过设置可以禁止网页字体被放大:


    @RenderBody()
          

@RenderBody()请忽略

这样网页就没问题了,至少目前看来。

参考文章 《禁用微信 webview 调整字体大小》

The end...    Last updated by: Jehorn, May 18, 2018, 04:12 PM

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2248.html

相关文章

  • 移动 - 收藏集 - 掘金

    摘要:使用移动设备查看页面时会发现,在微信浏览器中有顶部导航栏有效解决图片使用单位边角缺失的问题前端掘金起因在移动端使用布局时图片也需要用单位。移动端实践前端掘金说起,相信大家并不陌生。 Sticky Footer,完美的绝对底部 - 前端 - 掘金写在前面 做过网页开发的同学想必都遇到过这样尴尬的排版问题:在主体内容不足够多或者未完全加载出来之前,就会导致出现(图一)的这种情况,原因是因为...

    Jochen 评论0 收藏0
  • 浏览器字体大小改变(微信浏览器)影响页面布局问题

    摘要:对于这种情况我试过两种解决方式禁止浏览器禁止调整浏览器字体大小行为优点这种方式可以完全还原页面原本的布局样式。一禁止调整浏览器字体大小浏览器的放大字体功能在系统和系统中调整浏览器字体的实现方式不同,所以要针对设置。 手机在系统设置和微信设置的通用设置中都提供放大字体功能,这两种设置都可以系统中字体和应用中字体的大小。此外在微信浏览器和其他一些浏览器中还提供手动设置浏览器字体大小,一旦用...

    whataa 评论0 收藏0
  • 浏览器字体大小改变(微信浏览器)影响页面布局问题

    摘要:对于这种情况我试过两种解决方式禁止浏览器禁止调整浏览器字体大小行为优点这种方式可以完全还原页面原本的布局样式。一禁止调整浏览器字体大小浏览器的放大字体功能在系统和系统中调整浏览器字体的实现方式不同,所以要针对设置。 手机在系统设置和微信设置的通用设置中都提供放大字体功能,这两种设置都可以系统中字体和应用中字体的大小。此外在微信浏览器和其他一些浏览器中还提供手动设置浏览器字体大小,一旦用...

    goji 评论0 收藏0
  • 浏览器字体大小改变(微信浏览器)影响页面布局问题

    摘要:对于这种情况我试过两种解决方式禁止浏览器禁止调整浏览器字体大小行为优点这种方式可以完全还原页面原本的布局样式。一禁止调整浏览器字体大小浏览器的放大字体功能在系统和系统中调整浏览器字体的实现方式不同,所以要针对设置。 手机在系统设置和微信设置的通用设置中都提供放大字体功能,这两种设置都可以系统中字体和应用中字体的大小。此外在微信浏览器和其他一些浏览器中还提供手动设置浏览器字体大小,一旦用...

    20171112 评论0 收藏0
  • 【响应式布局】initial containing block、viewport以及相关尺寸

    摘要:影响着其中元素的尺寸和定位。在标准中,元素的称为。当的宽度高度使用百分数的值时,这个百分数的基准就是的尺寸。例子其中就溢出了的区域。造成以上不同的原因是,在桌面端的缩放和在移动端的缩放有不同的性质。这两个数值的单位是设备独立像素。 前言 本篇文章修改、整理自我以前写的一篇文章。 在阅读这篇文章之前,你需要了解设备像素、逻辑像素(设备独立像素)和CSS像素的区别,见我的前一篇文章理解设备...

    weknow619 评论0 收藏0

发表评论

0条评论

K_B_Z

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<