我正在整理一个流动样式表,效果非常好。我注意到的一件事是,我在 Chrome 中的浏览器窗口不会调整到 400px 以下,它只会卡在那里,而在 FF 中,当我缩小它时,它只会停在 400px 左右,然后弹出一个水平滚动条。
当我在手机上打开网站时,它在 320 像素左右看起来很完美,所以我知道它的缩放比例低于 400 像素。
我很好奇是否有人知道这是否是浏览器/桌面问题,或者我是否应该查看我的 CSS 以外的其他内容。我没有任何最小宽度声明,所以我不确定是什么原因造成的。
再次在桌面上它缩小到大约 400 像素的最小宽度并停止,但是当我在我的手机上打开它时它缩放到大约 320 像素的手机屏幕的大小......好奇为什么在至少它不会缩小到桌面上的 320 像素。
-编辑- 另外我不确定这是否重要,但 Opera 允许它缩小到几乎没有...所以它适用于 Opera 而不是 Chrome 或 FF ...有什么想法吗?
最佳答案
Chrome 无法水平调整到 400px (OS X) 或 218px (Windows) 以下,但我有一个非常简单的解决方案:
- 将网络检查器停靠在右侧而不是底部
- 调整检查器面板的大小 - 您现在可以使浏览器区域非常小(低至 0 像素)
更新:Chrome 现在允许您在停靠在右侧时垂直排列检查器窗口!这确实改进了布局。
HTML 和 CSS 面板非常适合,您甚至还可以打开一个小的控制台面板。 这让我可以完全从 Firefox/Firebug 迁移到 Chrome。
如果您想进一步查看网络检查器设置(齿轮图标,右下角),然后转到用户代理标签。您可以在此处将屏幕分辨率设置为您喜欢的任何值,甚至可以在纵向和横向之间快速切换。
更新:这是我遇到的另一个非常酷的工具。 http://lab.maltewassermann.com/viewport-resizer/
关于html - 浏览器不能缩放到 400px 以下?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8681903/