小白心得
今天在做頁面的時候發現當我把瀏覽器視窗縮小的時候，裡面的控制項溢位我想要的邊界了，然後我到之前在網上看
到的所謂「自適應」這個詞語，我查了一下這個「自適應布局」，它又叫做響應式布局，主要是針對頁面在不同的裝置
不同的螢幕大小不同的解析度下對頁面布局的自動適應，其實在我的理解裡就是傳說中的等比例縮放，或許這也並不是
絕對的，只是個人的理解而已。現在有很多前端開發框架都有響應式布局的功能，bootstrap這個開發框架就包含這樣的類，
說道響應式布局首先想到了css3裡面的media query（媒介查詢）。
一、 通過不同的媒介型別和條件定義樣式表規則。媒介查詢讓css可以更精確作用於不同的媒介型別和同一媒介的不同條件。媒介查詢的大部分媒介特性都接受min和max用於表達」大於或等於」和」小於或等於」。如：width會有min-width和max-width媒介查詢可以被用在css中的@media和@import規則上，也可以被用在html和xml中。通過這個標籤屬性，我們可以很方便的在不同的裝置下實現豐富的介面，特別是移動裝置，將會運用更加的廣泛。
用法@media裝置名only（選取條件）not（選取條件）and（裝置選取條件），裝置二
舉個例子：
@media 型別 and (條件1)
@media only screen and(max-width:980px)這個網頁是
1vw = 當前檢視視窗（viewport）1%的寬度
1vh = 當前檢視視窗（viewport）1%的高度
1vmin = 1vw 或 1vh， 取決於哪個更小一點
1vmax = 1vw 或 1vh， 取決於哪個更大一點
舉個例子吧
h2然後這個就是縮小之後的截圖，我特意把右邊白色的地方也截圖，好像沒什麼說服力
我覺得這些新的單位很好用，當然更加專業更加全面的相容的響應式布局應該是第一種，第二種的話小頁面的話還是可以的
布局根據瀏覽器大小自適應
最近在寫前端頁面，然後要寫乙個布局自適應，先貼效果圖，我處理的不是很好，見諒。大致的效果就是這樣的。我前端新手小白，記錄一下這種布局方法。然後我就直接貼 了 我這個是vue的，然後html的寫法差不多 parent children v for i in 12 key i children cont...
讓Flash自適應瀏覽器螢幕大小
讓flash自適應瀏覽器螢幕大小 要讓flash自適應瀏覽器螢幕大小需要做到以下兩點 1 swf檔案隨著瀏覽器螢幕大小也相應改變大下 方法 在網頁裡除了放你的swf檔案外不要放其他的任何內容，並且swf檔案的寬，高都設為100 可以看我的原始檔裡的fullscreen.htm檔案 2 當swf檔案大...
讓div自適應瀏覽器視窗居中顯示
今天做 banner 時發現乙個問題，就是瀏覽器視窗水平拉伸時 banner 圖未能居中，所以網上找了些資料，自己寫了個小 demo html div class div1 div class div2 自適應瀏覽器水平垂直居中 div div css div1.div2原理就是，先用left 50...