王志勇 发表于 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的体验
家用电脑理性优化升级天梯图之2026
服务器版Linux系统的选择之2026
秒会+实战PHP程序设计培训(2)
如何快速自制CPU天梯图?
我不明白你明不明白我明白(明白不)
最好的音乐播放硬件
如何打造全静音台式电脑之2026
近期的主题:
年度网络焦点人物黄仁勋/AI行业
重要测试:Debian 13.0
人生讨论(29):判断装修瓦匠是不是×德的方法
Nginx与.htaccess(2)
最漂亮的女华人是谁?
测试http3、Debian 11/12/13
DIY(35-5):干扰源终于找到
https利弊(7):建站税
博客又有活儿得干了:双服务器备份
支架设计(2):功放机+航空头的支架
数码评测(81):停电引起电脑损坏如何防止?
Debian 12.0的“致命”bug
数码评测(80):最好用的平价鼠标和维修/改装
这次的PHP大漏洞/淡定的PHPer们
“明白不”的心理机制(2)
博客/网页有没有必要做访问量统计?
数码评测(79):如何打造全静音台式电脑之2026
AI编程和人工编程的差别
世界上最好的二级域名
数码评测(78):最好的音乐播放硬件
版权声明:本博客所有文章,均符合原创的定义,禁止转载,违者将必究;正确的方法是贴原文的标题和网址即可。
与此相关的链接
自由勇专栏
Blog存档 Archives
2025年-2026年03月(10)
2024年(13)
2023年 +