Faking max-device-width

我的梦境 提交于 2019-12-03 10:34:39

Chrome allows you to set device metrics, which are used in the media queries calculation for device width. To do that, open Developer Tools, click the gear icon on the lower right corner, and go to the Overrides tab.

Edit Jan. 17, 2014: Chrome now has an Emulation tab, that can be found alongside Console, in Developer Tools.

In the common case desktop browsers can be used for sanity checks of html & css, but mobile browsers are very different in the html, css and javascript processing.

To "emulate" max-device-width you can replace max-device-width with max-width and resize your browser window to required size (actual versions of browsers supports max-width media-query instruction).

We use desktop browsers at the early stages of mobile web interface development and emulators in late. UI testers use real devices only.

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!