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

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

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

練查詢+rem實現(xiàn)元素動態(tài)大小變 要點提 ?如何利 查詢引入資 要點提 視結(jié) <linkrel="stylesheet"href="style320.css"media="screen<linkrel="stylesheet"href="style640.css"media="screen視結(jié)LessCSSCSS的弊要點提視CSS是一門非程序式語言，沒有變量、函數(shù)、SCOPE視結(jié)結(jié)CssCSS 非前端開發(fā)工程師來講，往往會因為缺少CSS 的CSS代碼項目視結(jié)目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最終適配要點提 ?如何利 結(jié)練Less我們用屏幕尺寸（750）除以我們劃分的份數(shù)（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內(nèi)容布要點提視視總總練練中間利用flex視總視總練練 ?動動手，練一下search結(jié)構(gòu)布視

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