我知道我的問題聽起來很奇怪,但我想知道是否有將CSS百分比轉換爲像素的方法。我的目標是用百分比值計算寬度和高度,但在屏幕調整大小時不會改變它們。如果有另一種方式來實現我的目標,我會很高興聽到它。CSS將百分比轉換爲像素
0
A
回答
1
你可以使用javascript來做到這一點。 你得到元素的當前寬度的寬度,然後將該寬度設置爲元素。
var wid = document.getElementById("mydiv").offsetWidth;
wid+="px"
此返回以像素爲單位的寬度,並且您追加「PX」返回的數值 ,然後就可以將其設置爲低於
getElementById("mydiv").setAttribute("style",'width:wid');
可以修復的文件的在寬度曾經在beggining
$(document).ready(function() { var screenWidth = $(window).width(); $('html,body').css('width', screenWidth + 'px'); });
相關問題
- 1. CSS vw和百分比值轉換爲像素值
- 2. CSS百分比和像素
- 3. 從百分比轉換寬度像素
- 4. 將TR的自動高度轉換爲像素或百分比
- 5. 將百分比轉換爲窗口高度的像素
- 6. 如何將像素轉換爲html中的百分比度量?
- 7. 在JavaScript或JQuery中將百分比值轉換爲像素
- 8. 將百分比數轉換爲marginTop動畫像素值
- 9. 將像素轉換爲大顯示器的百分比
- 10. jq-如何將像素值轉換爲百分比?
- 11. 使用javascript將像素轉換爲百分比
- 12. 如何將底部參數的百分比轉換爲像素CSS?
- 13. 將差異轉換爲百分比
- 14. SSIS將百分比轉換爲小數
- 15. 將標記轉換爲百分比
- 16. 將整數轉換爲百分比
- 17. 將字節轉換爲百分比
- 18. PHP:將數字轉換爲百分比
- 19. 將百分比轉換爲十進制
- 20. CSS寬度:X百分比+/- Y像素
- 21. CSS - 百分比還是像素?
- 22. 將像素轉換爲網頁中所有元素的百分比
- 23. 將靜態佈局轉換爲%百分比佈局使用css
- 24. TranslateZ百分比CSS 3D轉換的
- 25. 獲取元素的CSS寬度並將其轉換爲百分比
- 26. 元素的百分比--Css
- 27. 將像素過渡到百分比
- 28. LESS plus百分比像素
- 29. 如何將浮點百分比值轉換爲整數百分比?
- 30. Excel百分比轉換
取決於您的標記,我會說。例如,如果你有一個固定寬度爲1000px的容器,並且'position:relative'這個容器的一個子元素,我們說'width:20%'的寬度總是200px。 – lexith 2014-09-13 16:29:35
這是真的。它會工作來創建一個容器並使用javascript設置像素寬度/高度,然後用百分比來設置其中的所有內容? – zfollette 2014-09-13 16:32:28
你想要達到的究竟是什麼? – lexith 2014-09-13 16:34:58