如何使网站设计更加灵活

Question

问：

我想问一下有关任何网络应用程序设计的以下问题。

当最大化，最小化，缩放浏览器时，我注意到我的网页应用程序设计发生了很多问题，例如水平菜单，如SO网站中存在的水平菜单，当我的网站中的菜单项目最小化时另外..和其他东西使网站糟透了，分散了设计..如何通过监视器大小的变化，浏览器的偏好，最大化和最小化浏览器，如何使设计更灵活，如何使网站设计更灵活地解决所有这些问题。

请提出任何指示，我应该注意减少这些错误。

Answer 1

• 使用基于百分比的宽度来表示页面和元素的尺寸，而不是像素
• 使用em作为字体大小而不是px或pt
• 尽量不要使用图像进行导航，或者如果使用图像，请使用滑动门方法将其展开 - http://www.alistapart.com/articles/slidingdoors/
• 阅读液体布局 - http://www.maxdesign.com.au/articles/liquid/ http://www.alistapart.com/articles/negativemargins/

Answer 2

当人们对窗口大小感到疯狂时，在CSS中大量使用float:且没有width:值的网站会遇到问题。

您可以通过在CSS上指定width: px;来确定所有内容，或者您​​可以使用width: %;作为对象。前者比后者容易得多。

Answer 3

尝试使用Less Framework（http://lessframework.com/）

之类的东西

确保在访问网站时调整浏览器大小！