2014-09-13 129 views
0

我知道我的問題聽起來很奇怪,但我想知道是否有將CSS百分比轉換爲像素的方法。我的目標是用百分比值計算寬度和高度,但在屏幕調整大小時不會改變它們。如果有另一種方式來實現我的目標,我會很高興聽到它。CSS將百分比轉換爲像素

+0

取決於您的標記,我會說。例如,如果你有一個固定寬度爲1000px的容器,並且'position:relative'這個容器的一個子元素,我們說'width:20%'的寬度總是200px。 – lexith 2014-09-13 16:29:35

+0

這是真的。它會工作來創建一個容器並使用javascript設置像素寬度/高度,然後用百分比來設置其中的所有內容? – zfollette 2014-09-13 16:32:28

+1

你想要達到的究竟是什麼? – lexith 2014-09-13 16:34:58

回答

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'); });

+0

謝謝,這似乎工作。我仍然希望有一個更簡單的方法可以更動態地實現它:P – zfollette 2014-09-13 16:46:44

+0

動態性足夠嗎? :p – Anush 2014-09-13 17:00:00