最近在寫前端頁面，然後要寫乙個布局自適應，先貼效果圖，我處理的不是很好，見諒。
大致的效果就是這樣的。
我前端新手小白，記錄一下這種布局方法。
然後我就直接貼**了
我這個是vue的，然後html的寫法差不多
="parent"
>
="children" v-
for=
"i in 12"
:key=
"i">
="children-content"
>
<
/div>
<
/div>
<
/div>
<
/template>
<
/script>
.parent
.children
@media screen and
(max-width:
1280px)
}@media screen and
(max-width:
680px)
.parent
}<
/style>@media screen and (max-width: 1280px)
當寬度小於1280px，就把children 的寬度每份佔25%
@media screen and (max-width: 680px)
當寬度小於680px，就把children 的寬度定死，如果繼續縮小，children 裡面的內容可能會亂，然後把parent 的布局方式改改就行了。
根據瀏覽器視窗大小的自適應 單位
小白心得 今天在做頁面的時候發現當我把瀏覽器視窗縮小的時候，裡面的控制項溢位我想要的邊界了，然後我到之前在網上看 到的所謂 自適應 這個詞語，我查了一下這個 自適應布局 它又叫做響應式布局，主要是針對頁面在不同的裝置 不同的螢幕大小不同的解析度下對頁面布局的自動適應，其實在我的理解裡就是傳說中的等比...
讓Flash自適應瀏覽器螢幕大小
讓flash自適應瀏覽器螢幕大小 要讓flash自適應瀏覽器螢幕大小需要做到以下兩點 1 swf檔案隨著瀏覽器螢幕大小也相應改變大下 方法 在網頁裡除了放你的swf檔案外不要放其他的任何內容，並且swf檔案的寬，高都設為100 可以看我的原始檔裡的fullscreen.htm檔案 2 當swf檔案大...
寬高自適應 瀏覽器相容
若塊級元素寬度不設定，或者設定成100 都是佔據其父級元素的一整行 應用場景 1 頁面最外層的盒子一般都要佔據螢幕的大小，所以寬度100 2 子元素使用百分比表示盒模型任意部分大小的話，代表的是子元素盒模型任意部分尺寸 父元素寬度百分比 除了高度外，子元素高度 父元素高度百分比 忽略 父元素高度由子...