发现中文互联网上的好多页面都没有对 1080P 以上的分辨率优化
source link: https://www.v2ex.com/t/813575
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
主要出现在使用 CSS 设置背景图片的时候。
比如 /go/windows 和 https://www.bilibili.com/bangumi/play/ss36182
不知到是在设计的时候没有考虑到 2K 以上的分辨率显示网页,还是技术上的妥协。
akira 19 小时 17 分钟前
datou 16 小时 3 分钟前
yulon 15 小时 54 分钟前
kkocdko 15 小时 27 分钟前 via Android
shaojz2005 15 小时 18 分钟前 5
我是这么理解的,当原生分辨率(非缩放)宽度大于 1920 时,浏览网页还要不要全屏就变成一个可探究的问题了,因为全屏的可视面积太大了。这种情况下,让网页保持 1920 宽度的最佳浏览体验是合理的。
如果让背景或者通栏的内容适配完整宽度,可能带来的问题有:
1. 背景图的分辨率不足,全屏适配会变得模糊,如果提升背景图的分辨率,则浪费带宽,导致网页加载变慢;
2. 如果是宽度 100%、高度自适应,则可能会让高度变得很大,而内容领域一般不会相应适配到 100%宽度,整体观感会变得很奇怪;
3. 如果是宽度 100%、高度维持不变,则背景的可视内容会变得跟预设的不太一样,换而言之就是可视内容变少了。
所以,很少会让背景、通栏内容无限地适配宽度。
更何况,高于 2K 分辨率时,很多时候都会采用缩放来让浏览的内容不至于太小,又可以带来文字更清晰的体验,所以大部分情况下,观感上的分辨率都不会大于 2K 。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK