響應式布局。
可以用px作為畫素，網頁進行平鋪。全屏的用100%。高度可以用px寫死，寬度可以用百分比。不管網頁怎麼拉伸，高度不變，寬度會相應的擴大。
em/rem 方式布局。
可以設定好html，body的字型大小，然後用不同的尺寸手機訪問的時候，我們可以去修改body的字型大小，網頁（網頁的內容用rem設定寬度、高度）的之內容會自動進行縮放。
可以按照設計稿的寬 高 來寫css，然後通過js判斷不同尺寸螢幕，修改 裡面 scale的比例大小。
比如設計稿是 640 * 1136
我們可以按 640寬度寫網頁 也可以按320寬度寫網頁。
然後預設寬度可以設定為你寫網頁的寬度。
然後再通過js 來控制scale的比例縮放即可 也可以控制 最小寬度 跟 最大寬度。
移動端有哪些常見布局方式？
今天給大家分享一下，修真院官網css任務13，深度思考中的知識點 移動端有哪些常見布局方式？1.背景介紹 隨著智慧型手機的普及以及社會的發展，傳統的 布局已經無法適應現狀，我們編寫的網頁不僅僅要展示在電腦上，也要展示在移動裝置上，而移動裝置種類繁多，蘋果 小公尺 三星等等，各個手機的螢幕大小不一，一...
移動端有哪些常見的布局方式？
這裡是修真院前端小課堂，每篇分享文從 移動端有哪些常見的布局方式？今天給大家分享一下，修真院官網css任務13，深度思考中的知識點 移動端有哪些常見的布局方式？1.背景介紹 隨著智慧型手機的普及以及社會的發展，傳統的 布局已經無法適應現狀，我們編寫的網頁不僅僅要展示在電腦上，也要展示在移動裝置上，而...
移動端常見布局方式
流動布局與固定寬度布局基本不同點就在於對 尺寸的測量單位不同，流動布局就是使用百分比來代替px作為單位。除此之外，流動布局使用浮動，float的好處是，如果寬度太小，放不下兩個元素，後面的元素會自動滾動到前面元素的下方，不會在水平方向overflow 溢位 避免了水平滾動條的出現。通過查詢當前瀏覽器...