2012-05-31 97 views
1

在我的網頁上,我正在將css zoom應用於<body>標記以正確地適應屏幕上的網頁內容。我的問題是當我使用DOCTYPE聲明IE問題

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

縮放在IE中不起作用,但在Firefox和Chrome的作品。當我只是把

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > 
<HTML> 

它不能在Internet Explorer中工作。任何想法可能是一個跨瀏覽器兼容的解決方案?

+0

完全重複:http://stackoverflow.com/questions/3117699/css-zoom-property – trapper

+0

@trapper努力弄清楚爲什麼它確切的重複,我沒有問題的工作與所有瀏覽器縮放..它只是正在創建問題(多數民衆贊成我猜) – skos

+0

因此,如果您在您的DOCTYPE中使用完整的FSI + FPI,zoon不再適用於IE? – Jawad

回答

0

<!DOCTYPE html>是所有你需要的HTML5,這是你應該用CSS3使用什麼

+0

XHTML不適合CS3? – RandomWhiteTrash

+0

所以只是'<!DOCTYPE html>'..就是這樣嗎? – skos

+0

您可以一起使用css3和xhtml,隨機。 Re:[我可以使用CSS3與XHTML 1.0?](http://stackoverflow.com/questions/9318237/can-i-use-css3-with-xhtml-1-0) – kush

0

變焦是通過IE,Opera和Chrome的支持,但是爲Firefox,你可以使用

div.zoom { 
     zoom: 2; /* all browsers */ 
    -moz-transform: scale(2); /* Firefox */ 
} 

CSS3不與doctype相關。

+2

這當然不是真的,縮放工程跨所有主流瀏覽器 – skos

+0

你是對的Sachyn我編輯了我的答案,謝謝 – Luca

0

看起來您想在Chrome中使用「幾乎標準符合模式」和Internet Explorer中的「標準符合模式」。

使用

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

把IE瀏覽器在Chrome中 「幾乎符合標準的模式」,然後

<meta http-equiv="X-UA-Compatible" content="IE=«whatever version of IE you're developing for, for example 8»" /> 

,迫使IE瀏覽器在符合標準的模式。