div css樣式寬度設成百分比怎麼在瀏覽器中獲得它的畫素值

時間 2021-09-06 20:18:12

1樓:

如果寬度不固定,但可以自動伸縮,那麼你ps的設計是必要的規模約1000設計,同時也考慮到了拉伸效果後的解析度或更大的視窗;布局時,一排多個內容塊併排,那麼你可以設定寬度的方式考慮2種

1,每塊大小1000px的按照百分比

2座,固定寬度,留下了塊自動伸展

一行塊不必擔心,一般舒展影響不大

最容易出錯的寬度太小,導致脫位或變形的多個塊麵線,這個時候你需要對身體側設定的最小寬度,如1000px的,滾動條會自動出現下降到1000px的解析度或瀏覽器時,這個頁面會不會是錯誤的

這裡是設定的最小寬度樣式:

所有的瀏覽器都支援的min-width css樣式**完成:

的min-width:1000px的; _width:表示式((document.

documentelement.clientwidth | | document.body.

clientwidth)> 1000?「1000px的」: 「」);

1000和1000px的是你需要的值,要注意三個值。

2樓:從前有個

function $(id)

function getwidth()

window.onload = function()這樣就可以獲得id為"id"的元素的寬度值了,這個值是畫素值來的,即使你設定百分比,它也是返回乙個畫素值~

3樓:匿名使用者

用你螢幕大小乘以百分比就是寬度的畫素值

4樓:花兒隨風飄搖

這個要看瀏覽器的解析度了。不同的解析度象素也是不一樣的

5樓:匿名使用者

樓 上 正 解

css樣式中寬度用百分比和px寫有什麼區別,為什麼全部用百分比寫了之後,網頁縮小,內容位置都變化

6樓:匿名使用者

百分比是相對頁面寬度的百分之多少來說的,頁面變化他的實際大小也就跟著變化。希望固定的就用px等絕對數值,這樣的頁面縮放他不會跟著縮放,顯示不下的會出滾動條。

7樓:匿名使用者

百分比會隨著瀏覽器視窗大小而改變,px是固定大小的,要根據實際情況去使用,兩種方式是可以結合的

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

8樓:匿名使用者

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

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

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

9樓:網海1書生

left: calc(10% + 10px);

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

10樓:_秦_鵬

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

11樓:匿名使用者

結合js來做,具體思路:

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

12樓:醉無痕

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

13樓:小鏡嘟

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

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

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

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

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

14樓:凌峰a一劍

兩個方案:

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

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

15樓:

兩層巢狀

.wrap

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

16樓:木頭仔

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

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

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

17樓:指引風的方向

margin-left:-10px

18樓:匿名使用者

left:calc(10%+10px)

19樓:匿名使用者

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

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

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

20樓:gg火炎焱燚

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

分數如何變成百分比,分數變成百分數怎麼變?

何晚竹針歌 就是用16除以47,可以在16後邊加乙個.0,就變成了16.0了,這下用普通除法就可以做,記得四捨五入,得出來的數字是百分之幾就是百分之幾。記得最後把小數點移下來哦。小朋友。分數變成百分數怎麼變? 分數化成百分數的方法 分子除以分母,所得的商小數點向右移動兩位,加上百分號。除不盡時,一般...

百分比的問題

舉個例子你就明白了 a組 1 b組 2,2 c組 3,3,3 d組 4,4,4,4 a b c d的平均數分別是1,2,3,41,2,3,4的平均數是 1 2 3 4 4 2.5而四組資料相加後的平均數是 1 2 2 3 3 4 4 10 32.5和3是不相等的,為什麼?因為每組資料的個數不相同,所...

烘焙百分比的烘焙計算公式,烘焙百分比怎麼算

1 實際百分比 烘焙 100 配方總 2 烘焙百分比 實際百分比 100 麵粉實際 3 烘焙百分比 材料重量 100 麵粉重量4 材料重量 麵粉重量 材料烘焙 100 5 實際百分比 材料重量 100 配方材料總量6 麵粉重量 麵糰重量 100 總烘焙 7 產品總量 產品麵包重 數量 8 麵糰總量 ...