rem**實現動態變化
**查詢引入方式
less基礎
rem的適配方案
蘇寧專案
flexible.js
思考?
rem單位
**查詢簡介
語法規範
}從小到大進行書寫可以進行**的化簡
rem**實現動態變化
**查詢引入方式
less基礎
css弊端
less簡介和安裝
less基礎
使用方法直接使用
less編譯
less巢狀
遇見交集|偽類|偽元素選擇器
a;
&:hover{};
}
有&符號,則被解析為父元素自身或者父元素的偽類
less運算
rem的適配方案
適配目標?
如何達到?
實際開發?
flexible.js(**自己的庫)+rem:更加簡單適用
實際開發適配方案
公共的common.less檔案是用來設定**查詢在不同螢幕下的寬度值
新建index.less檔案
將生成最終的index.css引入到html中
頂部結構
結構分析,是由兩個a標籤實現的
在設定的時候,使用rem布局可以讓**在任何布局下都可以自適應大小完成布局
使用display:flex布局可以實現左右浮動,中間布局的結構
輪播圖部分 簡介
改進 實現
改進 實現
下期內容更精彩~響應式布局
蘇寧的後台
5年內,孫為民停頓了一下,我們要把蘇寧打造成全球500強企業。6月17日,這位蘇寧電器總裁在南京蘇寧總部這樣說道。又乙個中國企業,喊出了 500強 的目標。蘇寧距離500強有多遠?把2006年全年銷售收入259億元人民幣的蘇寧電器,與2006年全球500強排在最末的那個叫作耐克 nike 的公司比比...
蘇寧!你還挺得過去嗎?(蘇寧大幅裁員)
前兩天才寫了一篇 作為乙個江蘇人,我眼中的蘇寧 說實話,我內心是有點不太相信,偌大的蘇寧會走到今天這步田地。可一件件傳聞都慢慢變成了實錘!一位多年老友剛跳槽去了蘇寧 入職乙個月,就面臨整個部門裁員!據說要直接裁掉4成研發人員!後面肯定還會用各種手段逼著大家主動離職!公司想開掉你,不會留有任何餘地!也...
蘇寧易購 蘇寧小店將獲4 5億美元增資
techweb 5月20日訊息,蘇寧易購日前對外發布公告稱,為保持蘇寧小店業務的穩定發展,推動蘇寧小店未來戰略的實現,經suning smart life股東協商予以提高資本金投入,suning smart life將再新增發行股份45,000萬股普通股,股東great matrix 蘇寧國際以及g...