這幾天做移動專案，期間用了盒模型(flex)布局。在計算機上由於是用谷歌和火狐瀏覽器來除錯，所以沒發現什麼問題，但是手機uc開啟後，我整個人都不好了，盒模型布局全亂了。後來在網上查了一下關於盒模型的資料，發現大部分都說移動端不支援flex屬性，更有甚者說只能換種布局方式。看到這些，我的內心是崩潰的，畢竟做了這麼久的專案不能說改就改的。但是最終我還是找到了解決的辦法，接下來跟大家分享一下我是如何解決這個問題的。下面是乙個demo，上**先：
flex
flex
flex
flex
flex
flex
flex
flex
flex
flex
**已經有了，接下來讀者可以親自體驗一下uc瀏覽的效果咯！是不是已經是你們想要的效果了？
不過，這裡還有乙個問題，就是demo1裡的div的寬度會隨文字的多少改變，不是我們想要的等分布局效果。其實，有乙個最簡單的解決辦法，就是在demo1下的div裡新增乙個屬性：(width：0%；)，即
.demo1>div
然後你可以嘗試將某個div裡的文字增多，看看效果如何！
好了，這個問題就分享到這裡了， 希望能給讀者帶來小小的幫助，也希望大神多多指導！！！
布局的核心 盒模型 Box Model
目錄 一 盒子在網頁中的呈現 二 各個部分的介紹 1.border邊框 1 語法 2 的細線邊框 3 盒子邊框總結 2.內邊距 padding 3.外邊距 margin 1 總結 2 外邊距實現盒子居中 3 清除元素的預設邊距 全域性選擇器 4 外邊距合併 盒模型的寬度 width padding ...
關於盒模型的理解
css中乙個很重要的概念是盒模型，css處理網頁時，它認為每個元素都包含在乙個不可見的盒子裡 由內容區域 內容區域周圍的空間 內邊距，padding 內邊距的外邊緣 邊框，border 和邊框外面將元素與相鄰元素隔開的不可見區域 外邊距，margin 構成。具體如下圖 瀏覽器中元素的寬度與其widt...
在Bristol JS上發表的關於超級布局的演講
上周三，我很榮幸在bristol js聚會小組與資深演講者，js whiz和網路音訊先驅 也是我的朋友！ruth john進行新的演講。露絲 ruth 在web workers和worklets上做了精彩的演講，其中包括lemmings和許多演示 這使我很高興學習更多關於css houdini和cs...