移動web開發(fā)rem布局之能夠掌握媒體查詢的基本語法

目rem基目Contents查ContentsLess基rem適配方蘇寧首頁案例制能夠掌握rem單目

能夠掌 查詢的基本語能夠掌握Less基本語能夠掌握在Less中的嵌套使能夠掌握在Less中的運算使能夠掌握2種rem適配方remrem適配布局要點提視為什么要學習rem布局？視remrem要點提視結視結Remhtml視結視結目rem基目Contents查ContentsLess基rem適配方蘇寧首頁案例制查詢語法簡 要點提視不同屏幕的大小控制html結語法結構為：@mediascreenand(max-視總查詢案例背景變 要點提 視結練 minwidth視結練 ?動動手，練一下這 oWorld案例吧視

練查詢+rem實現元素動態(tài)大小變 要點提 ?如何利 查詢引入資 要點提 視結 <linkrel="stylesheet"href="style320.css"media="screen<linkrel="stylesheet"href="style640.css"media="screen視結LessCSSCSS的弊要點提視CSS是一門非程序式語言，沒有變量、函數、SCOPE視結結CssCSS 非前端開發(fā)工程師來講，往往會因為缺少CSS 的CSS代碼項目視結目rem基目Contents查ContentsLess基rem適配方蘇寧首頁案例制Lesslessless簡介以及安要點提視Less視總總Less安裝node利用nodev檢測node利用npmiless–g安裝less利用lessc–v檢測less此處可以先不用配置，后面會采用easyless視總視總LessLessLess變要點提 ?我們知道js可 變量，那么less可不可以Lesslessless編譯easyless插要點提視Vscodeeasyless視LessLessLess嵌要點提視如何將cssless視總總Less我們可以將css#header.logowidth:}改為less#header.logo視width:視}總}總（交集|偽類|偽元素選擇器）需使用LessLessLess運要點提視Less能否進行基本的運算（加減乘除視目rem基目Contents查ContentsLess基rem適配方蘇寧首頁案例制RemRem適配原要點提視視remrem最終適配要點提 ?如何利 結練Less我們用屏幕尺寸（750）除以我們劃分的份數（15）視總視總練練總練總練 視目rem基目Contents查ContentsLess基rem適配方蘇寧首頁案例制蘇蘇寧首頁common.less制要點提視Commonless視總總Less新建common.less 不同的html字體大小，因為除了首頁其他頁面也需要320px、360px、375px384px400px414px、424px、480px540px720px750px15因為我們pchtml視50px總要點提視視蘇蘇寧首頁body要點提視初始化body視練練16.1查 視視練練蘇蘇寧首頁search-content模塊布要點提視如何利用remwidth和height？視蘇蘇寧首頁search-content內容布要點提視視總總練練中間利用flex視總視總練練 ?動動手，練一下search結構布視

Width和height以及margin用rem也可以搭配flex練蘇蘇寧首頁search模塊制要點提視視 蘇寧首頁banner 模塊制 要點提 ?如何利用rem實現banner的高度和寬度如何利用flex實 練動動手，練一下searchbanner視Width和height以及margin用rem也可以搭配flex練蘇蘇寧首頁nav部分制要點提視利用remnav視要點提 remrem適配方案2蘇寧首頁前期準備工要點提視視引入remrem適配方案2body樣式修要點提視視25.1查 視視練練一一個神奇的vscode插件要點提視視1rem=16px要點提視默認flexible是將屏幕劃分10等分視總總因為flexible是默認將屏幕分為10等分但是當屏幕大于750html 視總remrem適配方