1920设计稿的页面，在1366等低分屏下字体变大怎么解决啊？？？......

Question

如题，pc端页面是按照1920设计稿做的，现在发现在1366等低分屏下字体很大
这个问题怎么解决啊？..
不需要适配移动端，只需要在低分屏的电脑上显示好看一点
使用的是1200px的版心布局

Answer 1

rem了解一下，代替字体大小使用px，可以让字体跟随网页自适应，从而不会出现你所说的这种问题。

Answer 2

是相同字体大小在1366分辨率下视觉上感觉变大，还是你采用了什么方式进行了缩放或改变字体大小？

Answer 3

rem 这个是随跟元素改变 px是固定值

Answer 4

px 应该是固定大小啊

Answer 5

字体大小用 px写的吗？ 大小应该是固定的。

Answer 6

用的是bootstrap？它默认的rem有点问题，加上并不会处理dpr，所以建议自己改一版出来再用。

Answer 7

因为分辨率越低，代表屏幕上的像素越少，象素点间的距离越大，这样显示越粗糙。但字体和图标的像素大小是固定的，所以低分辨率时点距变大，那整个图像也大了。你试试 系统本身 把你分辨率1366与1920对比下，同理

Answer 8

应该是不会变大的，只是视觉效果。如果改动不大用rem，不过可能会有锯齿。或者媒体查询改一下字体大小。

Answer 9

响应式啊。media查询修改字体或者js判断屏幕大小修改rem

Answer 10

使用Flexible实现手淘H5页面的终端适配了解一下
https://www.w3cplus.com/mobil...

Answer 11

在不同分辨率下，给html跟元素设置不同的基准字号。比如在1920下使用16px，1366下使用14px，1024下使用12px；而页面字号使用rem定义。

Answer 12

用rem布局，写个媒体查询写你想转换的字号

Answer 13

px2rem 传送门1

hotcss 传送门2