我正在本地开发我的网站并使用 Chrome 随时预览它。虽然调整浏览器的大小以测试使用 的媒体查询确实很容易max/min-width
,但据我所知,无法max/min-device-width
使用任何内置设置进行模拟。是否有一个 Chrome 扩展程序可以模拟移动设备并触发媒体查询,特别max/min-device-width
是orientation:portrait/landscape
?
我基本上想要一些方法来在我的计算机上而不是智能手机上使用 Chrome 测试这个媒体查询:
@media only screen and (max-device-width: 600px) and (orientation: portrait)