公司网络建设_字体大小，这是用户体验的重要组成部分。不同的决议，不同的显示尺寸，不同的DPI，甚至不同的浏览器设置，它们会影响最终显示屏的文本大小。虽然许多浏览器现在可以轻松缩放页面，但是用户每次都必须重新撤消。那是麻烦的，而且， 许多用户不知道如何缩放页面。更好基于用户的分辨率为用户提供更密切的默认字体大小。这个字体大小是多少？

　　12px？14px？15px？16px？ 是否有必要使用PX单位？

　　问题的根源，屏幕上的所有字体大小单位（PX，PT，EM）是一个相对单位，与他们不同， 您无法确定文本的实际大小。而且， 人们的基本文本意识是眼睛的观点，这不仅取决于文本的物理大小。它还取决于其与人眼的距离。

　　身体尺寸

　　的， 假设我们想要实现的文本之一，例如， 在网站建设价格优惠17英寸1280 * 1024显示器上设置为16px，计算它大约4。32毫米，我们计划在大多数显示器上使Web文本接近此大小。那么在不同的分辨率下应该显示多少字体编号？

　　步骤1：统计上用户的主要分辨率和相应的屏幕尺寸。

　　在物理尺寸和分辨率之间转换，的， 统计分辨率和相应的屏幕尺寸。可以从网站的统计日志获得用户分辨率的分布。由于每个分辨率设置可以对应于多种不同大小的屏幕，因此屏幕尺寸无法从网页获取，仅用于对当前显示市场的统计分析：对于分辨率，统计可能的屏幕尺寸范围，从最小到更大值，相对主流是多大的（或使用该范围的中间值作为主流尺寸）。

　　计算机监控市场（有各种各样的产品，这是不可避免的，有很长的，数据仅供参考）

　　第2步：计算每个分辨率的主流屏幕大小的物理宽度

　　显示屏的当前显示不仅是4：3标准屏幕， 不只是。16:10宽屏，有更不规则的比率，为了在不同增长比的显示之间进行比较，统一使用水平分辨率统计。使用主流尺寸和宽高比（假设像素的长度和宽度）计算屏幕宽度（英寸）。将其更改为度量（mm），它可以逐个看到屏幕大小的趋势。结合每个分辨率的用户分发，结果如下所示（图片中的每个点对应于分辨率，横轴是屏幕中的像素数，垂直轴是屏幕的物理宽度。泡沫大小表示使用此分辨率的用户数。蓝色气泡代表标准屏幕，紫色表示宽屏）：更大的三个气泡是1024 * 768， 分别。1280 * 1024，1280 * 800。

　　第3步：计算不同显示器上的字体大小的大小

　　屏幕的物理宽度被像素宽度除以。您可以获得每个像素的宽度。然后用指定的文本物理大小划分。您可以获得不同分辨率所需的字体大小。

　　需要不同的决议

　　可高端网站开发以看出笔记本电脑和桌面的大小非常不同。为了方便，使用每个分辨率的主流尺寸或平均大小计算每个分辨率下指定字体大小的名称。

　　保持固定的物理尺寸，主流显示下需要的字体编号和分辨率之间的关系

　　由于它没有打开cleartype，一些中国字体在非负数字数字下显示出差。所以， 建议使用12， 14， 16， 18， 22px包含数字数字。那是， 最接近分辨率的数字数。例如：屏幕横向分辨率在1100以下14px时可用，1100到1500使用16px，1，100 ptx，等等等等。

　　与人眼的距离

　　虽然笔记本的名称远远低于桌面，但但实际上并没有带给我们这么大，这是因为：使用笔记本电脑时距离屏幕网站内容维护的距离几乎接近桌面。当上网本正在增加时， 极端例子是手机），人们使用时可能更接近人们。这更大。相反，当显示器变得更大并且更大（24英寸甚至更大）时，考虑整体角度， 等等。人们也可能远离屏幕。这减少了视角。

　　定量：由于角色尺寸H（4?5mm）从人眼的距离d（30?60cm）到文本非常小，它可以近似，视角θ与h成比例，与D（θ≈Qθ= H / D）的逆比）。也就是说，相同的大小文本，距离的一半只有一英尺在距离。

　　也就是说，显示屏只能传达可能大小，每个用户仍然通过在特定操作中无意识地调整屏幕的距离来调整实际效果。面对越来越多的笔记本用户（请参阅上一篇文章：笔记本电脑的市场份额），前端设计人员只能为笔记本电脑和桌面的平均大小提供页面效果。专门依靠用户进行自我调整。[页]

　　使用JS自动使用不同分辨率调整字体大小

　　例如， div中的网页的ID是内容 -

　　注意：要确保可以缩放每个浏览器下的文本，字体大小使用EM而不是PX，一般来说，浏览器默认1EM = 16px，0。875em\1em\1.125em即为14\16\18px。

　　注意使用字体大小时：更好使用div中标题的字体大小。而不是固定的字体，为了与语句同步缩放。