【问题标题】:Is flexible layouts hard to make and maintain, time consuming than fixed width layout?灵活的布局是否比固定宽度的布局难以制作和维护、耗时?
【发布时间】:2011-01-16 13:12:39
【问题描述】:

与固定宽度的布局相比,灵活的布局是否难以制作和维护、耗时?

灵活的布局是否意味着只在em%中给出宽度高度和字体?

灵活布局对桌面和移动用户的主要好处是什么?

如果我们制作灵活的布局,那么应该在em 或 `% 中为图像提供宽度和高度以及布局 div 和字体大小。

我们是否应该让所有内容都变得灵活页眉、页脚、侧边栏、内容区域?

灵活布局有什么缺点吗?我听说过长的段落不利于可读性。

如果客户对固定宽度布局感到满意,如果客户不介意我们不要求额外的钱,我们是否应该使布局灵活(向他人展示我们的技能)?或者我们应该只按需灵活布局。

【问题讨论】:

    标签: css xhtml usability accessibility


    【解决方案1】:

    灵活的布局比固定布局更难开发。以 % 为单位设置宽度是创建灵活布局的一种可能性。也可以使用JS来缩放文字a.s.o.

    灵活布局的好处是它填满了每个屏幕,并且永远不会出现水平滚动条。图片应该是固定宽度的,因为大多数浏览器在缩放图片方面做得不是很好。

    并非每个元素都必须灵活,但如果标题保持固定并创建滚动条,则灵活的内容区域对您没有多大帮助。

    【讨论】:

    • 但是如果图像不能随文本和布局 div 缩放,那么如果用户增加文本,布局设计就会中断
    • 如果您使用缩放功能,现代浏览器也会放大图像。然而,灵活布局的主要目标是适应不同的视口(屏幕)尺寸。这当然不可能以无限的方式进行。您可以通过使用 max-width 和 min-width 来限制灵活性的程度(当然,您需要为 IE6 使用一些解决方法)。
    【解决方案2】:

    我通常开发一个具有流动结构的站点,该结构由主要包含元素保持在某个固定宽度。这样,我可以轻松地更改整个页面宽度,而无需手动修改需要更改宽度的每个元素。本质上,这要求您将主容器的宽度(以像素为单位)和所有内部元素设置为包含元素的百分比。

    如果您确实需要创建流畅的布局,处理宽内容区域的更好方法是使用 max-width 来限制某些元素可以扩展的范围。这应该可以防止内容流问题,同时仍然允许布局的其他部分充分利用用户的屏幕尺寸。

    要允许调整文本大小,请保留未定义包含元素的高度,以便在更改文本大小时它们可以根据需要扩展。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-08-22
      • 2020-02-17
      • 1970-01-01
      • 2023-03-08
      • 1970-01-01
      • 2012-05-15
      相关资源
      最近更新 更多