王志勇 发表于 2021年01月28日 10:47
手机版如果用15pt的字体,不需要加粗,手机浏览器会自动把15pt的字体显示为加粗的效果。
15pt的字体,大约等于朋友圈的字体大小。
18pt或以上的字体,PC版和手机版可以完全一样,字体看起来都较大,也省得再设计。
如果很多字体是以px为单位,可以参考9pt=12px的换算关系,则原来的pt值转化为px值,乘以1.3333就可以。例如,PC版16px的字体,手机版用20px,或18.7px,或17.3px。
只要掌握这个规律,PC版、手机版字体大小很好控制。
经典的9pt网页导航字体的由来
这是因为早期的显示器,是15英寸CRT显示器、800×600分辨率,或17英寸CRT显示器、1024×768分辨率,网站首页的位置有限,9pt既能容纳更多的内容、有利于排版,看起来又更专业。
但现在的显示器的屏幕尺寸已经达到23.6英寸、24英寸的标配,分辨率最低达到1280×720,所以以前的9pt导航字体,现在都可以用12pt来代替,又有助于护眼。
新闻正文,PC版,可以用12pt,或者更大一号的13pt,也有一些英文网站正文用15pt。
置顶的文章:
股骨头坏死的中早期修复方法
Windows流畅度300%以上体感的操作
超低价享受i7-7700的体验
https速度测试(可下载精确测试工具)
家用电脑理性优化升级天梯图之2026
服务器版Linux系统的选择之2026
秒会+实战PHP程序设计培训(2)
如何快速自制CPU天梯图?
我不明白你明不明白我明白(明白不)
近期的主题:
本机安装PHP 8
健康维护(2):股骨头坏死有多接近?
北京之行2026
健康维护(1):为什么晚上睡觉时会肚子疼?
https利弊(5):技术上的定向安全与垄断本质
博客正在加紧调整中
十分感谢博友点评:自由勇 二十年博客的老程序员
DIY(35-3):6路×2 USB全自动电脑切换器
这次突然特别理解老罗
支架设计(1):船型开关固定
DIY(35-2):6路×2 USB全自动电脑切换器
今天起名未成功
DIY(37):我是如何坚持完成这些DIY作品的?
DIY(36):支架、外壳如何快速1:1精确定模?
DIY(35):6路×2 USB全自动电脑切换器
夜晚靓歌(14):封神级《演员》
真玄学心得(25):生存禁忌红线
https利弊(4):商业(大型)逻辑
流畅的系统和火狐浏览器
https利弊(3):https延迟和生态
版权声明:本博客所有文章,均符合原创的定义,禁止转载,违者将必究;正确的方法是贴原文的标题和网址即可。
与此相关的链接
自由勇专栏
Blog存档 Archives
2025年-2026年03月(10)
2024年(13)
2023年 +