浏览器不能缩放到400像素以下？ [英] Browser doesn't scale below 400px?

问题描述

我正在整合一个液体样式表，它的工作精彩。我注意到的一个事情是，我的浏览器窗口中的Chrome不会调整大小低于400px它只是被卡在那里，在FF缩放，它只是停在大约400px，然后弹出一个水平滚动条。

当我在我的手机上打开网站时，它看起来完美的大约320像素，所以我知道它的缩放低于400像素。

我很好奇，如果有人知道这是一个浏览器/桌面的东西，或者如果我应该看看除了我的CSS之外的东西。我没有任何最小宽度的声明，所以我不知道是什么可能导致这个。

再次在桌面上它缩小到最小宽度约400px和停止，但是当我打开它在我的手机它缩放到手机屏幕的大小，大约320px ...好奇为什么至少它不会缩小到桌面上的320px。

-edit-
此外，我不确定这是否重要，但Opera允许它缩小到几乎没有什么...所以它适用于Opera，而不是

Chrome无法在水平下调整到400像素（OS X）或218像素（OS X）以下， Windows）但我有一个非常简单的解决方案的问题：

1. 将web检查器放在右边而不是底部


2. 调整检查器面板的大小 - 现在可以使浏览器面积非常小（低至0像素）

更新： Chrome现在允许您在停靠在右侧时垂直排列检查器窗口！这真的改善了布局。

HTML和CSS面板非常适合，你甚至还打开一个小控制台面板。
这允许我从Firefox / Firebug到Chrome完全移动。

如果您想进一步了解 web检查器设置（cog图标，右下角），然后转到用户代理标签。您可以在此处设置屏幕分辨率，甚至可以在纵向和横向之间快速切换。

UPDATE ：这是另一个非常酷的工具，我遇到了。 http://lab.maltewassermann.com/viewport-resizer/

I'm working on putting together a liquid style-sheet and it works wonderful. One thing that I've noticed is that my browser window in Chrome won't resize below 400px it just gets stuck there and in FF as I scale down it it just stops at around 400px and then pops a horizontal scroll bar.

When I open the site on my phone it looks perfect at around 320px, so I know it does scale lower than 400px.

I was curious if anyone knew if this was a browser/desktop thing or if I should be looking at something other than my CSS. I don't have any min-width declarations so i'm not sure what could be causing this.

Again on desktop it scales down to a min-width of about 400px and stops, but when I open it up on my phone it scales to the size of the phone screen which is roughly 320px... curious why at the very least it won't scale down to the 320px on desktop.

-edit- Also I'm not sure if this matters but Opera allows it to scale down to pretty much nothing... So it works with Opera and not in Chrome or FF... any ideas?

解决方案

Chrome cannot resize horizontally below 400px (OS X) or 218px (Windows) but I have a really simple solution to the problem:

1. Dock the web inspector to the right instead of to the bottom
2. Resize the inspector panel - you can now make the browser area really small (down to 0px)

Update: Chrome now allows you to arrange the inspector windows vertically when docked to the right! This really improves the layout.

The HTML and CSS panels fit really well and you even open a small console panel too. This has allowed me to completely move from Firefox/Firebug to Chrome.

If you want to go a step further look at the web inspector settings (cog icon, bottom-right), and goto the user agent tab. You can set the screen resolution to whatever you like here and even quickly toggle between portrait and landscape.

UPDATE: Here is another really cool tool I've come across. http://lab.maltewassermann.com/viewport-resizer/

这篇关于浏览器不能缩放到400像素以下？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！