我在我的 47 英寸液晶电视(分辨率 1920 * 1080, 16:9)上打开了 Stack Overflow 网站,发现文本和网站就在很多空白的中间。文本不可读,因为 Stack Overflow 与许多其他网站一样,针对标准 1200/1024 视口进行了优化。
为了使网站可读,我按了“ctrl”和“+”键,让内容占据了更多的屏幕宽度。我确信这不是“放大”,因为浏览器实际上在做的是扩大内容大小(即减少每个字符的像素数)。
在检测到视口的分辨率/大小参数后,是否可以使用 Javascript 作为预渲染练习来实现这种“ctrl +”行为?
更新:我尝试了@media-queries,它可以缩放字体大小和其他一些东西,但它无助于以平衡的方式缩放图像和其余内容(例如填充等)。最重要的是,它不满足将给定 div 的大小限制为“610 像素但仍占据可用屏幕宽度的 75%”的条件。
如果我们在基于 Gecko/Webkit 的浏览器上按 ctrl +,这就像一个分辨率变化。抱歉不能接受下面的回答。