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

• 資深大佬 : 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 有些属性兼容不了，有点烦

• 資深大佬 : loveToMy1

  占个 我也学习一下

• 資深大佬 : meteor957

  PC 和移动单独写两套，响应式不一定适应的了 UI 。

• 資深大佬 : Sapp

  找个自动生成的，还手写官网，你是打算收多少钱

• 資深大佬 : bzshow1

  去 themeforest 买个模板就可以