方案：我們採取單獨製作移動頁面方案
技術：布局採取rem適配布局2（flexible.js+rem）
設計圖：本設計圖採用750px設計尺寸
資料夾：css(normalize.css、index.css) images js(flexible.js) upload
檔案：index.html
在index.html中引入視口標籤、初始化樣式、js檔案
body之後再重啟vscode就可以了（開啟設定的快捷鍵：ctrl加,）
/* 如果螢幕超過了750px 那麼就按照750設計稿來走 不會讓我們的頁面超過750px */
@media screen and (min-width: 750px)
}/* 集體宣告 */
a
登陸
.search-content
.classify
.search
.search input
.login
rem適配布局
rem適配布局 rem基礎 rem是乙個單位 rem root em 是乙個相對單位，類似於em，em是父元素字型大小 不同的是rem的基準是相對於html元素的字型大小 比如，根元素 html 設定font size 12px 非根元素設定width 2rem 則換成px表示就是24px rem的...
rem適配布局
rem root em 是乙個相對單位，類似em，em是相對于父元素的字型大小 不同的是rem的基準是相對於html元素的字型大小 rem的優勢 父元素文字大小可能不一致，但是整個頁面只有乙個html，可以很好來控制整個頁面的元 素大小 查詢 media query 是css3新語法 media m...
rem適配布局
思考？頁面布局文字能否隨著螢幕大小變化而變化？流式布局和flex布局主要針對與寬度布局，那高度如何設定？怎麼樣讓螢幕發生變化的時候元素高度和寬度等比例縮放？這時就需要用到rem適配布局。rem root em 是乙個相對單位，類似於em,em是相對于父元素的字型大小。而rem的基準是相對於html元...