我目前正在使用CSS @media查询进行响应式设计，这种设计在像素比率为1：1的“旧”手机上运行良好。
但高分辨率（视网膜）显示器使用的比率不是1：1来显示网站，因此网站看起来很小。
如何设置应该使用的像素比率？
我试图谷歌它，但我发现只有如何为这些显示设置额外的样式。
答案 0 :(得分：1)
viewport meta tag可用于修复浏览器的视口宽度以匹配设备的宽度。这克服了网站在高分辨率屏幕上显得非常小的常见问题，例如Apple的视网膜显示屏。
<meta name="viewport" content="width=device-width">