我正在尝试“响应式网页设计”,修改 html 页面的代码,以便它在所有设备上看起来都很好。
我使用 Firefox 测试代码,用鼠标改变窗口大小,看看页面在小窗口中看起来如何。但是,我无法让它变得非常小,就像智能手机的屏幕一样。
我尝试使用 wnctrl,但存在同样的限制。
好的,我可以用真正的智能手机或智能手机模拟器测试 html 页面。但如果我可以用鼠标拖动窗口边缘,直到它变得像智能手机的屏幕一样小,那将真正让我的生活更轻松。然后,当我遇到错误时,我会看到它发生,并且我会看到它发生在什么屏幕尺寸下。
恕我直言,这与 Ubuntu 有关,与 Firefox 无关。所有应用程序似乎都有最小窗口宽度,尽管该宽度取决于应用程序。我知道如果我将 Firefox 的窗口设置得很小,它的菜单栏等可能会变得非常麻烦,但我不在乎,我可以随时将其设置得更大。
那么,请问覆盖是什么?
答案1
相反,我会使用“响应式设计”菜单。
Tools » Browser Tools » Responsive Design (Ctrl-Shift-M)
这会将视口更改为类似小型智能手机的尺寸。
调整窗口大小很麻烦,而且它不会像响应式设计那样提供精确的尺寸。请注意,在顶部,您会看到一个工具栏,可用于在各种设置之间切换。