axure商城

Axure在浏览器中预览时文字大小错误失效的解决办法

在用Axure设计时,有时候需要用到较小的文字来表达注释、标签等内容。但是在用浏览器预览时,会遇到设置的字号无效的情况。本来设置的小字,一下变成很大一个的了。这样不但影响美观,还会造成错行或撑破框架,让原本漂漂亮亮的界面一下子变得惨不忍睹。

有些同学可能觉得这是Axure的一个BUG,但这锅Axure不能背。这是浏览器最小字号设置的问题。在Axure里字号最小可以设置为6px最大可以设置为72px。而一般浏览器默认最小字号是12px,只要小于12px的,它都按12px处理。这就导致了较小字号设置无效的情况。

解决预览时文字大小失效的问题,要么设计时不使用小于12px的字号,要么修改浏览器的设置。

拿谷歌浏览器来说,地址栏输入chrome://settings/fonts,最小字号拖动到最小就可以了。

Safari浏览器在偏好设置> 高级 > 辅助功能里面把【字体大小不得小于】的选项去掉即可。

修改浏览器设置只是权宜之计,浏览器之所以默认显示最小字体设置为12px,是为了让用户在不同设备上都能看清文字。为了用户体验,建议不使用12px以下的字号来设计原型。前端设计师为了满足产品经理的任性要求,一般也会用图片来展示特别小的文字。

如果觉得本文有用,请点个赞或者分享给你的任性产品经理朋友!谢谢!

给TA买糖
共{{data.count}}人
人已赞赏
基础教程

axure教程之图片拖动放大缩小

2020-11-4 9:26:42

基础教程

如何解决Axure元件库载入空白

2021-4-14 21:38:01

axure商城
4 条回复 A文章作者 M管理员
  1. 19337131390

    棒棒哒

  2. littleboy22

    真不戳

  3. 157****2499
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索