我目前正在使用 CSS @media 查询进行响应式设计,它适用于像素比为 1:1 的“旧”手机。
但是高分辨率(视网膜)显示器使用 1:1 以外的比例来显示网站,因此网站看起来很小。
如何设置它应该使用的像素比率?
我试图用谷歌搜索它,但我只找到了如何为这些显示器设置额外样式的方法。
我目前正在使用 CSS @media 查询进行响应式设计,它适用于像素比为 1:1 的“旧”手机。
但是高分辨率(视网膜)显示器使用 1:1 以外的比例来显示网站,因此网站看起来很小。
如何设置它应该使用的像素比率?
我试图用谷歌搜索它,但我只找到了如何为这些显示器设置额外样式的方法。
视口元标记可用于固定浏览器的视口宽度以匹配设备的宽度。这克服了网站在高分辨率屏幕上显示非常小的常见问题,例如 Apple 的 Retina 显示器。
<meta name="viewport" content="width=device-width">