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,是因為...