鍍金池/ 問(wèn)答/HTML5  HTML/ flex布局pc端會(huì)出什么問(wèn)題

flex布局pc端會(huì)出什么問(wèn)題

想布局一個(gè)企業(yè)網(wǎng)站 但是不知道哪種布局好 因?yàn)榍岸渭嫒菪员容^難處理
如果用傳統(tǒng)div+css似乎很慢
flex很快 但是兼容性不知道
boostrap 也不知道怎樣 求前端大神給點(diǎn)意見(jiàn)

回答
編輯回答
詆毀你
  1. 首先請(qǐng)注意你的拼寫，是BootStrap。養(yǎng)成良好的檢查習(xí)慣能避免很多不必要的Bug。
  2. 請(qǐng)忘記“DIV+CSS”這個(gè)提法。語(yǔ)義標(biāo)簽除了看上去更優(yōu)(zhuang)雅(bi)以外，寫CSS時(shí)你會(huì)突然發(fā)現(xiàn)能用的選擇器突然變多了。HTML5后邊搞出來(lái)的、很細(xì)碎的那些標(biāo)簽可以不管，常用的一些比如section, header, footer, article等等這些常用的，還是要用熟練的。
  3. 另外如果是用編輯器寫，Emmet要用熟。
  4. flex的局限我覺(jué)得主要在于它只是在一維層面布局，在Grid沒(méi)普及前flex只能算是個(gè)好用的“工具”。兼容性上pc端的話大概只有IE得多操心一下了。另外我個(gè)人也不建議完全依賴flex，最好是用它作為一個(gè)補(bǔ)充，比如寫居中很麻煩的時(shí)候可以試試，但你要知道為什么這么寫。
  5. BootStrap我覺(jué)得一個(gè)問(wèn)題是，在設(shè)計(jì)時(shí)就要引入柵格式的設(shè)計(jì)，并且全套設(shè)計(jì)規(guī)范最好全部參考它的UI來(lái)做，這樣用起來(lái)是最舒服的；否則它可能就只能做一個(gè)樣式工具庫(kù)來(lái)用，而且可能還得自己改改源碼才行。另外還有一點(diǎn)要注意的是，BootStrap沒(méi)提供高DPR支持，如果碰到高分屏的話妥妥瞎，如果有這塊需求的話只能手工改下原文件（主要是換rem和增加DPR斷點(diǎn)響應(yīng)）。
2018年6月23日 15:44
編輯回答
魚梓

clipboard.png

2017年1月8日 18:15
編輯回答
胭脂淚

不知道兼容性的話，可以通過(guò) caniuse 查，比如 flex，鏈接在此：caniuse Flex，目前看來(lái)，全球支持率 97%，中國(guó)支持率 80%，基本上可以無(wú)憂使用。

bootstrap 也是個(gè)非常好的選擇，建議使用，并且使用最新的 v4，響應(yīng)式非常好用。

如果你對(duì)布局不太熟悉的話，不妨看下我的這個(gè)講堂：Web 永恒不變的主題：布局——Box，F(xiàn)lex，Grid。

2018年1月15日 19:34
編輯回答
互擼娃

企業(yè)網(wǎng)站 boostrap 就行了，又快又兼容性好~

2017年6月5日 05:42
編輯回答
雅痞

優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng) 了解下

2017年11月27日 14:26