寫前端樣式遇到的一些問題

2021-08-04 08:37:24 字數 941 閱讀 1912

同樣的 會出現很多 超連結,但是超連結之間有分割線 就是 如導航欄 上各個欄目之間的小豎線。 可以通過 + 下乙個兄弟選擇器來選擇 除第乙個以外的所有兄弟,再border-left設定即可。

乙個div裡面放乙個img,如果div的高度不夠高,設定了img的寬和高之後,div可能包裹不住img,因為img是乙個行內元素,div的line-height屬性會擠壓img。導致img掉出div盒子。解決方案:方法(1)img裡面display:block;一下改變img的呈現方式。方法(2)把div裡面的line-height:0;

關於rem的使用,這裡具體的方法我就不細說了,主要介紹一下做專案的時候應該怎麼上手。

1.載入flexible.js,精確的控制html的font-size,這個是**的庫,就是為了適配不同裝置的寬度。直接用!相當於引入了這個庫之後,你的頁面的font-size會自動調節。例如:視覺設計稿是750px的,flexible.js就會把根元素的font-size自動設定為75px,即1rem。

你所要做的就是把視覺設計圖上的尺寸變為rem,然後在你的程式裡用轉換後的rem值即可。

2.同樣移動端也可以加入版心的概念,只不過單位是rem。例如我做的「618活動」裡面移動端給我的視覺設計稿是640px的,我就可以用640作為版心,轉化為10rem。

即: .inner_c

最近老遇到的img顯示問題,凡是遇到img,就給父元素display=block;同時設定寬高。讓img的width和height都100%

前景圖img是資料性的東西,屬於頁面要展現的內容。

背景圖是修飾性的東西,不要也罷。

最近寫cpp遇到的一些問題

cmp中需要使用弱排序,對於單個元素排序 不能是a b bool cmp int a,int b 二維比較 bool cmp const vector int a,const vector int b 若想通過gprof看到程式各部分的效能,則在編譯命令中不能使用gcc優化 o2,o3 gcc優化會...

遇到的一些問題心得

一.專案的版本管理。1 gnu 風格的版本號命名格式 主版本號 子版本號 修正版本號 編譯版本號 major version number.minor version number revision number build number 示例 1.2.1,2.0,5.0.0 build 13124...

ubantu遇到的一些問題

給hackywit可以通過sudo提公升root許可權 hackywit cxb hostname cxbhackywit cxb sudo vim etc hosts sudo hackywit 的密碼 127.0.0.1 localhost cxbhackywit cxb sudo apt ge...