2013-02-03 40 views
1

我在IE9兼容性的佈局中遇到問題查看On。在所有主流瀏覽器(包括IE9兼容性視圖)中,佈局都很好。但似乎textarea在IE9中保持縮小,文本輸入縮水。下圖顯示了想要的佈局之間在其他瀏覽器和不正確的佈局在IE9的兼容性視圖的區別:當IE9兼容性視圖關閉時的佈局問題

enter image description here

我的問題很簡單如何解決佈局?

我提供了一個的jsfiddle顯示代碼:與IE=edgehttp://jsfiddle.net/U9Nm8/embedded/result/ (IN的jsfiddle佈局看起來罰款)

回答

1

只需添加HTTP響應報頭或元元件X-UA-Compatible以防止用戶切換到兼容性視圖模式:

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

兼容性視圖模式並不打算開發的網站,你不應該在乎你符合標準的網站看起來如何在IE中使用此模式已開啓。兼容性視圖模式僅用於查看針對舊IE版本開發的舊過時網站,否則這些網站的工作不正確。

+0

是的,但我需要它在兼容性視圖中工作,因爲在大學計算機中,它們已被設置爲默認兼容性視圖處於打開狀態,並且無法關閉。所以我需要它在兼容性視圖中工作。有任何想法嗎? – user1723760

+0

AFAIK,具有'IE = edge'值的'X-UA兼容'無論如何都會禁用兼容性視圖模式。正如我所描述的那樣,您是否嘗試添加「X-UA兼容」?一般來說,AFAIK在兼容性視圖模式下,IE8 +的運行方式爲IE 5.5,因此,要使頁面以兼容性視圖模式工作,您應該使頁面在IE 5.5中工作。 ;-) –

+0

Ohhhhhh,所以如果它禁用兼容性視圖,那麼它別無選擇,只能去正常的IE9視圖?儘管我的meta是'\t \t '我需要完全替換還是可以添加其他到它?我真的不明白我的元數據是什麼,我只是一直包含它。 – user1723760