常见屏幕的分辨率

16:9比例的23与22(21.5)英寸宽屏液晶显示器的最佳分辨率是:1920×1080(1080p FullHD全高清分辨率)。

2、16:10比例的28、27与26(25.5)、24英寸宽屏液晶显示器的最佳分辨率是:1920×1200。

3、16:10比例的22(21.6)与20(20.1)英寸宽屏液晶显示器的最佳分辨率是:1680×1050。

4、16:10比例的19(18.5)与17英寸宽屏液晶显示器的最佳分辨率是:1440×900。

5、16:10比例的14、13、12(12.1)英寸宽屏液晶显示器(多为笔记本电脑屏幕)的最佳分辨率是:1280×800。

6、16:9宽高比常见的分辨率有四种:1280×720(17吋)、1366×768&1360×768(18.5吋)、1600×900

7、(20吋)、1920×1080(21.5、23、23.6、24、24.6、25、27)。

6、1280×800是笔记本常用的分辨率

9、16:10常见的分辨率有1280×800(13.3、14.1、15.4吋笔记本)、1440×900(17.1吋、19吋)、

10、1680×1050(20吋、21.6吋、22吋)、1920×1200(22、24、25.5、27、27.5)

11、5:4常见的分辨率有1280×1024(17吋、19吋)

12、三星214T 21吋4:3普屏液晶,分辨率1600×1200

13、 4:3常见的分辨率有800×600、1024×768(17吋CRT、15吋LCD)、1280×960、1400×1050(20吋)、1600×1200(20、21、22吋LCD)、1920×1440、2048×1536(高端CRT显示器)

在Vue中实现PC端分辨率适配笔记本可以通过以下步骤完成: 1. 使用Vue CLI创建一个新的项目,并安装相关的依赖包。确保已经安装了vue-router和vuex等常用的插件。 2. 创建一个全局的样式文件,命名为global.css,并将其引入到主入口文件(main.js)中。在global.css中可以设置一些全局的样式,例如body的字体大小、页面的最小宽度等。 3. 在main.js中,监听浏览器窗口的resize事件,通过document.documentElement.clientWidth获取窗口的宽度,并将其存储到Vuex中。同时,在钩子函数中也要初始化一次,以适配刷新页面等情况。 4. 在需要适配的组件中,引入Vuex,并从Vuex中获取窗口宽度的数据。根据窗口的宽度,设置组件内部元素的样式,例如设置容器的宽度为窗口宽度的80%,居中显示等。可以使用计算属性来动态调整样式。 5. 使用@media媒体查询,在全局样式文件global.css中根据窗口的宽度设置一些响应式的样式。例如,当窗口宽度小于768px时,可以将某个容器的宽度设置为100%等。 6. 在开发过程中,可以使用Chrome浏览器的开发者工具进行调试,通过模拟不同的设备和分辨率,实时查看适配效果。 总之,通过监听窗口宽度的变化,动态设置组件样式和使用@media媒体查询,可以实现Vue PC端分辨率的适配。这种方法能够根据不同设备的分辨率来自适应地调整样式,提高应用的兼容性和用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值