准备转去写前端了，写官网比较流行什么布局？

[Caojx]

准备专职写前端了，业务包含官网和小程序，现在流行什么布局啊？

[tangtanghong]

响应式

[murmur]

给你什么设计图就什么布局，响应式布局是个毒药，这种设计只用于设计非常简单的网站，而且特别要求素材和内容

[gouflv]

DIV+CSS （狗头）

[hackyuan]

@murmur 完全同意
补充：自己写可能还行，维护别人的那就是 shit （维护成本过高，除非页面比较简单）

[Caojx]

@murmur 比较通用的布局吗？ flex 还是流式布局？

[hhluo]

https://www.sweet-kk.top/css-layout
入门挺好，最近刚好复习到

[kop1989]

没有所谓的“通用”。
觉得哪个网站的设计好，直接 f12 学习一下就好了。

[Caojx]

@hhluo 感谢，只会移动端的 flex 布局，但是写官网好像，就会 flex 不太够用

[freak118]

@murmur 说得对 但是很多时候需求方才不管这个 就要你响应式

[lower]

@murmur 遇到放飞自我的设计师才是真的难受 😭

[murmur]

@Caojx 肯定好的页面各种布局都混着用，不考虑 IE 兼容性 flex 布局是可以解决很多问题，但是也得看设计稿
另外就是不要期望一套代码可以解决所有设备的适配问题

[tydl]

table+style

[mach945]

@murmur 响应式考察的不是前端的能力，是设计者的能力

[DOLLOR]

我现在主要用 display:flex
未来应该用 display:grid
啥，兼容 IE6 ？打扰了。

[azcvcza]

没有对齐要求就是 display：flex ；如果 UI 要求文字对齐那还是老老实实用 display：table

[sixway]

flex 一把梭。
兼容旧设备？这是要加钱的！

[echooo0]

@hhluo 挺不错，最近正好想学习下

[murmur]

多写一点，对于新入前端的人，不要说想学什么万能灵丹妙药，要学会拆解布局 拆解模块，从大往小拆，从全局往局部拆，比如 v2ex，整个页面就是一个 header 、footer，主要内容是居中两侧留白。对于 header，也是个居中留白，左边是 logo 、搜索框，右边是常用链接，然后右边的链接不等宽等间距

这样一点点的拆下来，每个部分逐个击破，你就会写 css 了

[weixiangzhe]

要看需不需要兼容 ie

[creanme]

ie11 flex 有些属性兼容不了，有点烦