2013-07-13 113 views
-1

我是HTML/CSS的新手,我想讓網頁上的內容保持放大/縮小或調整窗口大小。起初,它在中心,但我把position:absolute放在最外面的div上,它向左移動一點,圖像在窗口大小調整,縮放/放大和縮小時變得混亂和失真。停止放大或縮小網頁內容的位置

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" charset="utf-8;" content="text/html" /> 



<link rel="stylesheet" type="text/css" href="styles.css" /> 

</head> 

</html> 
+1

完全取決於瀏覽器「放大」頁面上的內容。不要擔心。沒有「正確的」答案,因爲沒有標準的瀏覽器縮放內容的方式。 – meagar

+0

但是當我放大我的瀏覽器時,圖像會失真。我把'position:absolute'放在窗口大小和放大的圖像上。但是,自從我把這些代碼放在一起,它們就被扭曲了。我如何強制我的圖像留在他們的地方? – yakults

+1

窗口調整大小和縮放是兩件非常不同的事情。 – user1721135

回答

0

的方式瀏覽器是應該放大是相同的應用CSS scale轉變到文檔中。

但是,由於某些原因,Chrome並沒有這樣做。相反,它似乎逐字縮放每個元素,導致小數值打破布局。不幸的是,你無法做出任何改變。