我一直在使用以下基于一个关于的非常流行的答案的查询,然而,景观模式并没有被采纳。更令人费解的是,为肖像媒体查询编写的css仍然在景观模式中处于活动状态。 and (min-device-width : 414px) and (orientation : landscape) { }
and (min-device-width : 414px)
它看起来完美的PC,因为结果的图像是1:1的屏幕分辨率。但是在手机上,图像并没有显示在它的全部分辨率上,因为移动浏览器在这个属性上的分辨率比实际屏幕分辨率要低。我使用iPhone 7 Plus (1080x1920屏幕),但是offsetWidth通知414而不是1080。因此,它以较低的分辨率呈现我的画布,浏览器只是将其扩展到实际的屏幕分辨率,但结果是低分辨率图像。如果我在viewport标签上使用一个initial-scale=0.5,画布就会像我