关于屏幕分辨率与图标放大尺寸以及网页分辨率的一些测试

Image resolution,台湾译为“解析度”,香港译为“解像度”,中国大陆译为“分辨率”,泛指量测或显示系统对细节的分辨能力。此概念可以用时间、空间等领域的量测。日常用语中之分辨率多用于视频的清晰度。分辨率越高代表视频质量越好,越能表现出更多的细节;但相对的,因为纪录的信息越多,文件也就会越大。个人电脑里的视频,可以使用视频处理软件(例如Adobe Photoshop、PhotoImpact)调整大小、编辑照片等。

浏览器使用的是三星曲面电视。
浏览器分辨率:3840*2160
在图标字体原放大尺寸(1)下,图标就是和我们笔记本上显示是一样大的,大概50px*50px。浏览器的尺寸是随分辨率变化的。

    <div id="test" style="width:3800px;height:2000px;"></div>

设置为此尺寸是可以正常显示的。
接下来我们把图标字体放大到2倍,可以看到所有窗口都变大了,我们的网页只能显示一部分了。
这里写图片描述
9磅微软雅黑,每英寸96像素。

这里写图片描述
9磅微软雅黑,每英寸192像素。

可见这种放大,是指每个图标所占像素变成以前的二倍。
这时候,我们网页上的DIV的长宽也放大了二倍,所占像素变成以前的二倍。

结论就是,此像素非彼像素。因此我们做大屏时,要注意放大比例所带来的显示比例的问题。网页自适应问题会继续研究。

要将Qt程序中的所有控件放大到适应整个屏幕分辨率,可以通过设置QScreen的逻辑像素密度(logical DPI)来实现。具体步骤如下: 1. 获取当前主屏幕的QScreen对象: ``` QScreen *screen = QGuiApplication::primaryScreen(); ``` 2. 获取当前主屏幕的逻辑像素密度: ``` qreal dpi = screen->logicalDotsPerInch(); ``` 3. 根据当前主屏幕的逻辑像素密度,设置应用程序的缩放因子: ``` QApplication::setAttribute(Qt::AA_EnableHighDpiScaling); QApplication::setAttribute(Qt::AA_UseHighDpiPixmaps); QFont font; font.setPointSizeF(10.5); QApplication::setFont(font); QMainWindow mainWindow; mainWindow.showMaximized(); qreal factor = dpi / 96.0; qDebug() << "factor: " << factor; mainWindow.setFixedSize(int(mainWindow.width() * factor), int(mainWindow.height() * factor)); ``` 在这段代码中,我们首先调用了QApplication的setAttribute函数,来启用高DPI缩放和使用高DPI像素图标。然后我们设置了一个字体大小,这里只是为了示范,实际上字体大小应该根据具体情况进行设置。接着,我们创建了一个QMainWindow对象,并调用了它的showMaximized函数,将窗口最大化显示。最后,我们计算了当前主屏幕的逻辑像素密度与标准96DPI之间的比例因子,并将该因子应用于主窗口的大小,从而使得主窗口及其内部的控件都被缩放到适应屏幕分辨率。 需要注意的是,该方法会将所有控件等比例放大,但是可能会导致控件之间的间距变得过大或过小,从而影响界面的美观性。因此,在实际应用中,还需要根据实际情况进行调整,以保持界面的美观性和易用性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值