测试响应式设计

时间:2016-01-06 08:44:26

标签: javascript html css twitter-bootstrap responsiveness

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

谢谢!

3 个答案:

答案 0 :(得分:2)

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

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

  2. 对于Firefox,请尝试" ctrl + shift + M"。它将使浏览器屏幕重新调整大小。可以定义使用左上角特定高度宽度的下拉列表。

答案 1 :(得分:0)

Mitch,如果你有保存,你可以在普通浏览器上打开它,例如Chrome或Firefox并在那里进行测试(控制+ o并从您的计算机中选择文件)。 HTML和网页设计的好处在于,您只需要一个编辑器和一个浏览器在发布之前进行测试

答案 2 :(得分:0)

我相信chrome有一个选项,您可以根据这个原因设置不同的尺寸参数。

This plugin should surfice here