Ale*_*lex 4 css fixed liquid-layout
我想知道你在编写css时有什么意见,何时/为什么编码固定或液体样式表？
我同意固定尺寸样式表更容易/更快地编码,因为液体需要更多时间才能使所有元素很好地适应他们的父母.
那么,你什么时候选择固定液体(反之亦然)？为什么？
更新2我认为现在最好的做法是为任何屏幕尺寸设计一个具有响应和自适应功能的网站.Liquid CSS可能没有您想到的陷阱,例如长行文本(而不是文本块的位置即时调整) - 响应式设计的示例 - 浏览器端代码页面适应任何屏幕尺寸:
自适应设计:托管站点的服务器检测请求页面的浏览器类型,并提供适当的页面布局,例如移动.这有一个缺陷,即用户代理标识符并不总是精确的 - 例如,许多浏览器在其id中包含mozilla字符串,因此依赖此数据可能并不总是最好的.
以前的答案
液体布局(水平缩小或拉伸以适合窗口水平宽度的布局)
优点:内容重新格式化以充分利用窗口宽度.这意味着不需要选择最流行的固定宽度的困境,例如940px,960px或978px.这对于略有不同的小屏幕手持设备特别有用.在考虑所有可能的屏幕尺寸时,您必须做更少的工作.
缺点:由于网站将缩小或拉伸以适合水平放置,因此无法像固定宽度那样控制布局.美观以及网站外观的美观程度将在您的控制之下.您可能会发现我的观点是不得不做更少的工作来支持所有屏幕宽度毕竟不是这样 - 因为在这里您正在考虑屏幕非常小并且您的菜单导航全部浑浊,丑陋或相距太远的情况一个大屏幕
固定布局(固定的布局,不会更改以适应可用的水平宽度).
优点:一旦你确定了最流行的宽度,例如940px,960px等,你就不需要在不同的屏幕宽度下测试网站了.布局整洁,东西不会四处移动,美观,外观看起来多么美好
缺点:如果固定宽度较大,一些屏幕较小的用户,手持设备可能需要水平滚动才能查看您的网站.除非您也支持这些用户可以使用的移动版本
浏览一下主要网站 - 他们使用的是什么.对我来说似乎固定宽度更受欢迎,包括stackoverflow.com
也就是说,看看这个流动的网站:http://derekallard.com/
在这里,开发人员通过使用在窗口中调整的站点宽度相互滑动的图形层来使用流体布局.
更新:没有错误或正确的答案.两者都有优点.从电视,电影和报纸到网络的媒体人可能倾向于支持固定宽度,因为他们熟悉具有该功能的媒体.