div一定不会调整为小于420px的宽度 [英] DIVs won't resize for a width of less than 420px

问题描述

我在与自动调整功能的小问题！
我已经熟练三重检查（用搜索工具）我所有的宽度设置被设置为％。没有什么，在整个网站的固定宽度。 （好吧，其实是的，但没有什么比100像素更大，在这种情况下，不能多于每行一个）。

但尽管如此，如果我不到420px宽reisize浏览器的窗口，我的身体的宽度（HTML体，当然：P）将被420px停止，并出现了著名的H-滚动条。

任何想法？是否有某种形式的违约minimun宽度的？我已经通过设置一个较小的机构的最小宽度，但没有结果试过了。

以防万一这在某种程度上有所帮助：该网站是由一个指数（以HTML），二套，三套的jQuery脚本和一个CSS文件，这些文件或者写信给该项目时，该网站负载（一个用于桌面 - 浏览器，一个用于移动设备）。我已经尝试过建立网站separatedly，没有更好的效果。

解决方案

我想我resloved问题与Firefox。我认为FF允许萎缩网站最小宽度需要的网站地址，搜索，书签等工具栏。我于CSS技巧这是伟大的现场测试，如果涉及到手机：）

目前在280像素宽度的工具栏的第一个画面停止萎缩的网站。有时候我也有萤火虫图标或FireFTP的图标，这使我的网站提早停止萎缩。

不过，右键单击工具栏和工具栏选中菜单上。菜单应该隐藏和网站仍然在调整大小萎缩。这里是Firefox和Chrome，正如你可以看到他们都相当类似涉及到最小宽度。

如果有人会注意到这个soultion是错误的，没有工作，请给我一个反馈：）

I'm having a little problem with the auto-resizing feature! I've already proficiently triple-checked (with the search-tool) that all my width-settings are set to %. There's nothing with a fixed width in the whole website. (Well, in fact yes, but nothing bigger than 100px, and in such case, not more than one per row).

But still, if I reisize the browser's windows by less than 420px width, the width of my body (html-body, of course :P) will stop by 420px and the well-known h-scrollbar appears.

Any ideas? Is there some sort of default-minimun-width? I've tried by setting a smaller body's min-width but with no results.

Just in case that's somehow helpful: the website is composed of an index (in html), two sets of three jQuery-script and one CSS files, which are alternatively wrote to the project when the site loads (one for desktop-browsers, one for mobile). I've already tried building the sites separatedly, with no better results.

解决方案

I think I resloved problem with Firefox. I think FF allows to shrink website to minimal width which need toolbar with website address, searcher, bookmarks and so on. I was testing on CSS tricks which is great site if comes to mobiles :)

At the first screen at 280px width toolbar stops shrinking as the website. Sometimes I have there also Firebug icon or Fireftp icon which makes my sites stop shrinking earlier.

But right click on toolbar and unchecked Toolbar menu. Menu should hide and site still shrinking on resize. Here is Firefox and Chrome and as you can see they are quite similar as comes to minimal width.

If anyone will notice that this soultion is wrong and didn't work, please give me a feedback :)

这篇关于div一定不会调整为小于420px的宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！