测试中查看网页在不同分辨率下的展示效果（文末附主流台式机显示器尺寸及对应的分辨率）

工具：chrome浏览器

step1：打开谷歌浏览器，进入要测试的网页

step2：点击显示/隐藏设备工具栏

step3：点击后即可在页面顶端自定义分辨率

chrome也内置了市面上主流浏览器的尺寸，可以直接选择：

常见的尺寸和分辨率：

台式机显示器

1. 21.5 英寸
   - 分辨率：1920x1080（Full HD）

2. 24 英寸
   - 分辨率：1920x1080（Full HD）
   - 分辨率：2560x1440（WQHD）

3. 27 英寸
   - 分辨率：1920x1080（Full HD）
   - 分辨率：2560x1440（WQHD）
   - 分辨率：3840x2160（4K UHD）

4. 32 英寸
   - 分辨率：1920x1080（Full HD）
   - 分辨率：2560x1440（WQHD）
   - 分辨率：3840x2160（4K UHD）

5. 34 英寸
   - 分辨率：3440x1440（ Ultrawide WQHD）

 电视

1. 32 英寸
   - 分辨率：1366x768（HD）
   - 分辨率：1920x1080（Full HD）

2. 40-43 英寸
   - 分辨率：1920x1080（Full HD）
   - 分辨率：3840x2160（4K UHD）

3. 50-55 英寸
   - 分辨率：1920x1080（Full HD）
   - 分辨率：3840x2160（4K UHD）

4. 60-65 英寸
   - 分辨率：1920x1080（Full HD）
   - 分辨率：3840x2160（4K UHD）

5. 70-75 英寸
   - 分辨率：3840x2160（4K UHD）

6. 80-85 英寸
   - 分辨率：3840x2160（4K UHD）