基礎回顧(九 蘇寧專案Rem

2021-10-17 04:30:36 字數 1206 閱讀 3760

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...