html - 完美的液体布局

标签 html

您能给我展示一个具有完美液体布局的网站(最好是论坛)吗(如果浏览器窗口调整大小,它根本不会中断)?很高兴看到...

再说一遍,在网络上我能在哪里看到一个网站在被挤压时不会变得一团糟,在放大时也不会限制自己的宽度?

你有没有担心过这个问题?还是你关心的一大堆?因为我发现流行的网站(甚至是门户网站,我不会点名)都存在这个问题(正如我所认为的那样)。

好吧,我想看看您的代码是什么,左边是头像,右边是一些用户信息。请看这张图片来理解我的意思:savepic.ru/780576.png

最佳答案

这种情况在很多地方都被破坏的主要原因是它在根本上被破坏了:CSS 并不真正支持流体布局,即使您开始使用表格进行布局,仍然存在极端情况。最重要的是,每个浏览器和每个浏览器的每个版本对 CSS 的处理都有些不同。

最终的结果是,即使是高薪的网页设计师也无法做到正确(或者有人现在已经想出了一个解决方案,并且每个人都会使用它)。

唯一的希望是浏览器开发者最终同意让他们的产品符合 Acid3 test 。但当我写这篇文章时,我的 Firefox 3.5.1 只达到了 92%。 WebKit(Safari 和 Google Chrome)和 Opera 达到 100%(参见 this article)。

我个人已经放弃了这个话题,直到 IE 7 在 popular usage charts 中下降到 5% 以下之前我不会重新讨论这个话题。这可能需要五到十年的时间(IE 6 已经死了,但仍然获得 12%)。

关于html - 完美的液体布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1164344/

相关文章:

javascript - asp.net mvc4 Entity Framework 中的评级

javascript - 使用 jQuery 更改表格元素内容

javascript - Atom 文本编辑器自动完成未拾取我的 .css 文件

javascript - jQuery 复选框(在 ul > li 下)检查事件

javascript - 按下键时播放声音

jquery - 将代码最小化为单个而不是单独的函数

javascript - 为什么我的计算器程序无法运行? JavaScript 和 HTML 相关

javascript - 如何让视频结束时自动最小化

javascript - 在我的 meteor 应用程序上添加 Google map

javascript - 按 viewBox 值移动事件 SVG