测试响应式设计

Testing responsive design

我正在使用 HTML、CSS 和 JS 开发网站,我使用 Bootstrap 使其响应。 我需要测试它以查看它在不同屏幕尺寸上的外观。 我应该如何测试它? 我应该使用 Google devtools 还是其他一些智能手机模拟器?

谢谢!

米奇,如果你保存了它,你可以在普通浏览器上打开它,例如Chrome 或 Firefox 并在那里测试它(control + o 和 select 来自您计算机的文件)。 HTML 和网页设计的伟大之处在于,您只需要一个编辑器和一个浏览器即可在发布之前进行测试

有多种浏览器工具可以测试响应式页面。

  1. 对于chrome - https://chrome.google.com/webstore/detail/browser-resize/pnmdcoaajafdppfpioijldebfbpogopn?hl=en-GB

  2. 对于 Firefox,请尝试 "ctrl+shift+M"。它将打开浏览器屏幕 re-sizable。在left-top上使用drop-down可以定义特定的height-width。

我相信 chrome 有一个选项,您可以为此设置不同的大小参数。

This plugin should surfice here