我正在使用Twitter Bootstrap构建一个移动网站,并且想知道。
有没有办法强制 Firefox(或其他浏览器,我不介意)使用特定@media query
的移动设备,而不必将浏览器实际重新调整为例如 320x480px?
基本上,我希望浏览器的最大宽度为 320 像素,但要使其完全最大化(以便更容易使用 Firebug 等)。
我已经尝试寻找附加组件,但找不到任何东西。
任何建议将不胜感激。
我正在使用Twitter Bootstrap构建一个移动网站,并且想知道。
有没有办法强制 Firefox(或其他浏览器,我不介意)使用特定@media query
的移动设备,而不必将浏览器实际重新调整为例如 320x480px?
基本上,我希望浏览器的最大宽度为 320 像素,但要使其完全最大化(以便更容易使用 Firebug 等)。
我已经尝试寻找附加组件,但找不到任何东西。
任何建议将不胜感激。
<iframe height="480" width="320" src="mobilepage.html"></iframe>
如果您使用的是 Firefox 15(应该是,因为这是受支持的版本),请参阅http://www.webmonkey.com/2012/06/new-firefox-developer-tools-will-help-you-build -响应式网站/
您可以使用 chrome 开发人员工具来模拟设备的大小:
我使用Adobe 阴影。这是一个很好的工具。
看看这里: http: //labs.adobe.com/downloads/shadow.html