我现在正在做一个网站,我正在决定是否应该让它流动。固定宽度的网站更容易制作,也更容易使它们看起来一致。
说实话,我个人更喜欢看那些能延伸到显示器全宽的流动网站。我的问题来自于这样一个事实,在大多数现代浏览器中,你可以按住鼠标滚轮来调整任何网站的大小。
那么,创建一个流畅的网站值得吗?
我现在正在做一个网站,我正在决定是否应该让它流动。固定宽度的网站更容易制作,也更容易使它们看起来一致。
说实话,我个人更喜欢看那些能延伸到显示器全宽的流动网站。我的问题来自于这样一个事实,在大多数现代浏览器中,你可以按住鼠标滚轮来调整任何网站的大小。
那么,创建一个流畅的网站值得吗?
当前回答
前言:我不是专业的网页美工。
我发现,在手机和超宽屏的尺寸上,有太多精细的地方让事情变得如此流畅,尤其是在任何相当有趣的复杂情况下。
通常,我以某种方式设计固定宽度的站点;通常以[600,1200]为界。
我还发现超宽的内容列阅读起来很麻烦。我似乎记得有一些研究建议每栏一行的最佳字数。
其他回答
我要反对大多数人,说不。推理:像维基百科这样的流动网站,由于它们的行长,在大屏幕上阅读是一场噩梦(尽管它的引用在最好的时候也很难阅读)。
出现这个问题的原因是,没有一种机制可以根据屏幕分辨率调整文本的大小。如果你可以在更大的分辨率下自动增大文本,你就可以保持每行80多个字符的最佳可读性。
还有图像和其他固定大小元素的问题。你可以拥有较大的图像,并在必要时让浏览器缩小它们,但这样你就会遇到其他问题,比如更长的下载时间,以及许多浏览器中的图像质量问题。
这取决于你的受众和你的内容。
以下是我尊敬的网站,我认为是模仿的例子。
流体的例子:
亚马逊
维基百科
静态的例子:
苹果
eBay
MSN
StackOverflow
MSDN
一些混合!
CNN
我想大多数时候我更喜欢静态。让它在更多的浏览器中看起来更好更容易。它也更容易阅读。
最重要的是考虑您的网站或应用程序的主要用例。你希望人们只在移动设备上使用它吗?手机、上网本、台式机?
看看Ethan Marcotte的“响应式Web设计”:http://www.alistapart.com/articles/responsive-web-design/
这是一篇很棒的文章,展示了使用媒体查询实现真正流畅的布局。有时需要为不同的用户代理构建单独的前端,但有时媒体查询是跨不同用户代理提供多种分辨率的完美工具。
是的,流动网站是值得创建的 就像你说的,如果你在设计阶段规划得当,它看起来很好,也很合理。
你对Ctrl + Scrollbar的影响的怀疑不是什么大问题。 这个特性主要是为了可访问性,通过增加大小使文本更具可读性。
然而,如果你在像素(px)中提到所有的大小,就不会发生这种情况。 只有在使用“em”来指定大小时,才会进行适当的调整。所以你有办法打开/关闭它
这取决于你想做什么。来看看SO。它是固定宽度的,非常棒。事实上,如果它是流动的,它就有点像PITA。有些网站使用动态布局会更好看,但就我个人而言,我会选择固定布局,除非你有充分的理由使用动态布局。