htmlcss手機端中的長度單位rem可以像p一樣直接

2021-04-14 20:38:44 字數 2529 閱讀 2601

1樓:雷矛de鬍鬚

首先你需要知道rem的意思是頁面根元素的字型大小,即html的font-size。

預設情況下,html的font-size是16px,這個內時候,你寫height:1rem;就是容height:16px;

但是,你要考慮到如果rem被改變了,比如你引入的第三方css或者js檔案中設定了html的font-size:160px; 那麼此時的height:1rem;代表著height:

160px;

所以,建議你設定一下html的font-size,以防出現意外情況。

2樓:網海1書生

rem一般用於設定字型

的大小,1rem就是html根元素的字型大小,2rem就是html字型大小的2倍,1.5rem是html字型的版1.5倍,0.

75rem則是html字型大小的四權分之三,依此類推。

因此,rem是一個相對長度單位,當改變html根元素的字型大小時,所有以rem為單位的字型大小也會跟著放大或縮小。

當然,它也可以用在其它地方,不一定是字型大小。比如要把某個元素的寬度設為5個字元的寬度,則

3樓:寄出一片海

!new function(),a.changepage=function(),a.

changepage(),window.addeventlistener("resize",function(),!1)};

引入這zhi

段daojs,設計

專圖屬的750px = 7.5rem

4樓:陽光浸溼泰勒君

rem是需要宣告之後來才能用的,需源要用到單位換算的bai工具。du一般設計圖都是以

zhi750px位參考,所以如dao果把頁面分成15份的話就是:

1.此**寫在html頁面中

2. 在.less頁面宣告使用rem:

@r:50rem;

3.建議去了解less和sass

css讓百分比和px一起使用 5

5樓:匿名使用者

在css中,百分比和px可以一起使用,**如下:

left: calc(10% + 10px).class

注意:設定完left: 10px; 後 使用 padding-left: 10px; 盒子內部向右移動10px,如果讓盒子整體移動,用margin-left: 10px;

6樓:網海1書生

left: calc(10% + 10px);

要求瀏覽器必須支援css3,另外+號兩邊一定要有空格

7樓:_秦_鵬

設定完left: 10px; 後 使用 padding-left: 10px; 盒子內部向右移動10px,如果讓盒子整體移動,用margin-left: 10px;

8樓:匿名使用者

結合js來做,具體思路:

js計算出瀏覽器寬度的10%,會得到一個px值,用這個值加10px後再用js把總值寫到樣式中

9樓:醉無痕

left:10%; 配合 margin-left:10px; 使用,應該可以達到效果

10樓:小鏡嘟

用js可以解決,定義變數賦值就行了

用css也可以解決就是比較麻煩,簡單的說一下思路吧,三個div

第二個相對與第一個left:10%

第三個相對與第二個left:10px

那第三個就相對與第一個left:10%+10px了

11樓:凌峰a一劍

兩個方案:

(1)寫成11%:把10px轉換成百分比

(2)把10%轉換成px,反覆測試幾次資料,就能得到**px望採納!

12樓:

兩層巢狀

.wrap

外層定位用,內容放在內層

13樓:木頭仔

首先:left:10%+10px 是不行的,行不行其實很簡單測試下就o了

其次:左右移動有幾種方式可以做到:margin padding 定位後的left right等,一般都是組合使用的

再次:你這個需求有點類似響應式,這個你可以使用**查詢@media

14樓:指引風的方向

margin-left:-10px

15樓:匿名使用者

left:calc(10%+10px)

16樓:匿名使用者

1、用 less,可程式設計的css,具體請百度 less css;

2、js來控制,先用10%,用js獲取座標,加10px位移;

3、left:10%; margin-left:10px; 效果不佳可以做2層巢狀div,外層10%,內層margin-left:10px (建議)

17樓:gg火炎焱燚

採用css中的calc寫法,參考網頁連結

html css中id和class的區別比較

1 語法區別 id對應css是用樣式選擇符 井號 class對應css是用樣式選擇符 英文半形輸入句號 2 使用次數區別 id屬性,只能被一個元素呼叫 以 選擇符命名css樣式在一個頁面只能使用呼叫一次 在同一個頁面,只可以被呼叫一次,在css裡用 表示。class類標記,可以用於被多個元素呼叫 以...

手機可以玩端遊的遊戲嗎,手機可以玩端遊的遊戲嗎

手機系統與pc端系統不一樣,遊戲無法相容,除非遊戲廠商出專用於手機系統的遊戲。遊戲制式都不一樣。pc端一般是x86架構,手機一般是arm架構,架構不同。手機當然可以玩端遊的遊戲啦,這都馬上2020年了。只需要通過極雲電腦就可以在手機上暢玩任何pc端的遊戲 手機是可以玩端遊的,你可以通過極雲電腦在手機...

開關電源單端反激式和雙端反激式的區別這個單端和雙

單端反激是隻有一個開關管和變壓器,而雙端則包括兩套開關管和變壓器,它們的每個工作週期狀態互補。具體拓撲結構可參看單端正激和雙管正激。單端反激式開關電源的二極體方向為何和標準圖不一樣?30 回答30 單端反激式開關電源的二極體方向為何和標準圖不一樣?單端反激變換器變比是100 10 30 20,是因為...