测试响应式设计[关闭]答案

【问题标题】：Testing responsive design [closed]测试响应式设计[关闭]
【发布时间】：2016-01-06 08:44:25
【问题描述】：

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

谢谢！

【问题讨论】：

【解决方案1】：

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

对于 chrome - https://chrome.google.com/webstore/detail/browser-resize/pnmdcoaajafdppfpioijldebfbpogopn?hl=en-GB
对于 Firefox，请尝试“ctrl+shift+M”。它将使浏览器屏幕重新调整大小。可以使用左上角的下拉来定义特定的高度-宽度。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

我相信 chrome 有一个选项，您可以为此设置不同的尺寸参数。

【讨论】：