Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 流质网站还值得制作吗?_Html_Css_Layout_Static_Fluid Layout - Fatal编程技术网

Html 流质网站还值得制作吗?

Html 流质网站还值得制作吗?,html,css,layout,static,fluid-layout,Html,Css,Layout,Static,Fluid Layout,我现在正在制作一个网站,我正在努力决定是否应该让它流畅。固定宽度的网站更容易制作,也更容易使它们看起来一致 不过老实说,我个人更喜欢看那些延伸到显示器全宽的流动网站。我的问题来自这样一个事实:在大多数现代浏览器中,你可以控制并滚动鼠标滚轮来调整任何网站的大小 那么,创建一个流畅的网站值得这么麻烦吗?绝对值得。对于拥有巨大显示器的人来说,调整页面大小是一大不便。对于某些布局,它也可能有点狡猾。小小的不便,无论多么微不足道,都会影响人们对你网站的看法 此外,上网本的分辨率也很奇怪,因此很难为其设计网

我现在正在制作一个网站,我正在努力决定是否应该让它流畅。固定宽度的网站更容易制作,也更容易使它们看起来一致

不过老实说,我个人更喜欢看那些延伸到显示器全宽的流动网站。我的问题来自这样一个事实:在大多数现代浏览器中,你可以控制并滚动鼠标滚轮来调整任何网站的大小


那么,创建一个流畅的网站值得这么麻烦吗?

绝对值得。对于拥有巨大显示器的人来说,调整页面大小是一大不便。对于某些布局,它也可能有点狡猾。小小的不便,无论多么微不足道,都会影响人们对你网站的看法

此外,上网本的分辨率也很奇怪,因此很难为其设计网站。例如,我在1024x600写这篇文章


现在(在现代浏览器中)这也不是特别难,特别是CSS中的
min-
max height
以及CSS3中的新渐变等,因此图像缩放在不久的将来不会成为大问题


作为对以下评论的回应,我认为在这种特殊情况下,利大于弊——IE6在任何地方都是一个问题。我们只需要处理它。

使网站流畅,但对我来说,添加“最小/最大宽度”属性似乎是两全其美的选择。您支持流动性,但将其限制在某个宽度(例如,800px和1200px)

这取决于你-这里有一些事情需要考虑:

  • 行很长时,文本很难阅读
  • 你的观众可能比正常人有更大或更小的分辨率,选择一个“不正确的”静态宽度会让他们恼火
  • 维持一个流体位置可以是,但不必比它的静态对应物困难得多

  • 对。页面缩放很棒,但它主要用于使文本变大,而不是使文本填充视口。当然,如果正文文本已经太宽,缩小使其适合通常会使其无法阅读

    如果要使文本适合视口(无论是否缩放),则需要液体布局

    设计师们试图证明固定宽度设计(*)的合理性,往往夸大了“长线难以阅读”这一点,但事实上,它在屏幕上的表现似乎不如在纸上表现得那么强烈。当然,设置一个好的引导/行高度很重要,最大宽度可以用来抑制最严重的长线过度。(以字体相对em单位设置)在IE6中,你无法获得最大宽度,但这并不是以前的灾难。(如果你真的在乎那些家伙,你可以用一点JavaScript来修复它。我不在乎。)


    (*对于高度图形化的布局来说,这的确是较少的工作。但是对于更简单的布局,例如,呃,StackOverflow,没有任何理由不使用液体。Tsk@SO,eh!)

    这取决于您试图做什么。看看这样。它是固定宽度的,非常棒。事实上,如果它是流体,它将是一个皮塔位。有些网站使用流畅的布局看起来更好,但就个人而言,除非你有充分的理由使用流畅的布局,否则我会选择fixed

    有一个特定的宽度,如果文本太宽,它开始变得令人讨厌。如果你有一个大的显示器,很容易测试,只要抓起记事本,粘贴一些文字到它没有断行

    然而,当降到较小尺寸时,保持流体流动可能是一个好主意。手机浏览器越来越能够很好地显示“普通”网站,但它们有时会受到宽度限制,因此,如果您的网站能够容纳更小的空间,那么它将受益匪浅

    就我个人而言,我也喜欢把浏览器放在显示器上,但只能放在显示器宽度的一半(24“)。能够很好地扩展到这一点的网站非常好


    我认为这主要是为了方便用户。并不是所有的网站都能从流畅性中受益,但我认为拥有大量文本内容的网站是最能从中受益的网站,至少如果它们的最大宽度是流畅的(比如800px或其他什么)

    前言:不是专业的网络艺术家

    我发现,在手机和uber宽屏尺寸的情况下,有太多的琐碎细节让事情变得如此流畅,特别是在一些相当有趣的复杂情况下

    通常,我会以某种方式设计一个固定宽度的站点;通常以[6001200]为界


    我还发现超宽的内容栏很难阅读。我似乎记得有一些研究表明,每栏的最佳字数。

    这取决于你的受众和你的内容

    以下是我尊重的网站,我认为是可以模仿的例子

    流体示例:


    静态示例:


    有些人弄混了!


    我想大多数时候我更喜欢静态。在更多的浏览器中更容易让它看起来更好。它也更容易阅读。

    从我的iPhone的角度来看,固定宽度布局在使用代码块时是有问题的。宽代码块的滚动条不显示,所以我无法阅读代码块的最右边

    否则,我认为这是一个简单的问题,你在设计什么样的网站,以及它在不同大小的屏幕和窗口上的外观。如前所述,有一个选项可以设置最大宽度,但同样的警告适用于代码块和iPhone。我已经设计了这两个,我不喜欢其中一个


    虽然在我使用流畅布局的浏览器大小时,看着盒子四处移动很有趣,但我很容易被逗乐。

    我认为流畅/固定的决定也应该基于网站的内容:

  • 对于具有大量平原的站点 信息(如新闻门户), 最好使用液体LAYU