美文网首页
微信适配页面大字体

微信适配页面大字体

作者: 兔子不打地鼠打代码 | 来源:发表于2023-06-07 15:15 被阅读0次

网页大字号规范
https://pay.weixin.qq.com/wiki/doc/apiv3/Practices/chapter3_1_2.shtml
1、微信限制页面元素不放大
https://pay.weixin.qq.com/wiki/doc/apiv3/Practices/chapter3_1_2.shtml#part-6
2、应避免以下几类情况发生
页面元素溢出:可通过限制字数、设置该元素不跟随放大(见限制页面元素不放大)来解决。
信息重叠:元素样式避免使用绝对高度,请使用相对单位或不设置高度。
信息遮挡:信息被键盘、按钮遮挡的情况,开发者可检查页面样式,避免使用100%高度,保证字体放大后页面可滚动浏览。

3、默认情况下,包括文字,图标,图片,容器(cell、卡片),组件等页面中的所有元素都要跟随规则进行缩放。
当页面中的文字信息足够大(大于或等于40dp/pt),为了避免信息过大导致的溢出,设计师可以根据页面具体情况允许该文字信息不进行放大,以来避免不必要的放大。页面适配内容和实现指引
换行:内容过多时可通过让文本信息换行的方式,避免信息被截断、重叠等情况,以保证信息展示完整。
页面滚动:空间不充足时,需支持页面上下滚动,以保证信息不被按钮、键盘或其他元素遮挡。
间距:间距样式使用绝对单位,避免元素之间的间距跟随字体大小变化而变化
拥挤情况:当文字信息过多时,放大后容易出现重叠或被截断的情况,此时应预留好内容之间的安全距离,内容过多需要折行,容器高度也相对延伸,调整内容与容器水平居中对齐。
限制页面元素不放大:当页面中的文字信息足够大,为了避免信息过大导致溢出,设计师可以根据页面具体情况设置该文字信息不进行放大。

相关文章

  • 移动端适配

    移动端适配 dpr、DPI、PPI 视口 移动端适配的方案 微信小程序适配方案 微信小程序开发

  • 移动端rem在android app中的webview打开样式错

    最近开发app内嵌h5活动页面,考虑适配各个机型就用rem来做的,以往自带浏览器测试都是适配很完美,微信app中测...

  • 微信底部导航栏页面适配

    问题: 当网页在微信中打卡 进行了任意跳转 微信底部就会出现【向前 向后】的导航栏 此时页面底部元素被导航栏覆盖 ...

  • 2019-07-31

    啦啦啦啦 特大字体大字体大字体大字体大字体大大字体大字体大字体字体 大字体大字体大字体大字体大字体大大字体大字体大...

  • 微信深色模式同款地图,你一定不能错过的个性化地图样式

    微信深色模式一经推出就成了热点话题,不光微信首页和聊天页面进行了深色适配,细心的小伙伴们一定发现就连发送位置和共享...

  • 跳转到微信,qq小技巧

    //跳到qq页面 //跳到微信页面,和applestore //直接跳转到微信界面

  • 手机开启大字体模式

    哈哈!我也开启了老年模式,微信大字体。 不知道为什么,刚看了一篇文章,介绍了微信新功能,关怀模式,字体更大,颜色更...

  • 微信h5页面 ios wx.chooseImage无效

    具体流程:vue项目,几个微信h5页面,A页面(隐藏了微信分享)跳转到B页面(隐藏了微信分享),使用 a链接跳转 ...

  • 微信页面

    View中的标签: Script Controller中的方法: Model Da操作类: 这个项目中使用的ORM...

  • 微信页面

网友评论

      本文标题:微信适配页面大字体

      本文链接:https://www.haomeiwen.com/subject/jnonedtx.html