2016-09-21 9 views
0

他のブラウザと同じIEで表示されない理由(EG:chrome、opera)[CSS ZOOM]?他のブラウザとIEの表示が同じでない理由(EG:chrome、opera)[CSS ZOOM]?

https://jsfiddle.net/n11b7pw6/

<html> 
    <body style="zoom: 0.1;"> 
     <img src ="https://s-media-cache-ak0.pinimg.com/236x/3d/df/34/3ddf340436cc77dc9c468505be1ad123.jpg"/> 
    </body> 
</html> 

IE - screen dump

Chrome - screen dump

Opera - screen dump

IEでページスクロールバーの高さを変更するにはどうすればよいですか? (overflow: hidden;を使用しないでください)

備考:IEはまだ他のブラウザのようにすべてのページをズームアウトしていません。

+0

'zoom' IEの遺物があり、使用することは'変換:スケール(0.1)の代わりに ' – LGSon

+0

@LGSon - それでもIEのスクロールバーが表示されます。 –

+0

IEのバグかもしれません。 – LGSon

答えて

0

ないIEであなたのzoomで何が起こっているかを確認しますが、それはあることは注目に値します:

  • zoom
  • 非常に少数の人々のオペラを使用(compatibility chart参照)Firefoxで動作しません。テストへの鍵のブラウザはIE(さまざまなバージョン)、エッジ、クロム、FF、およびSafari
  • 標準的な方法ですが「ズーム」transform: scale()

はあなたが作るされて何をしたいかのように見えます使用することですイメージはウィンドウの高さですか?これを行うには、あなたがしたい:

/* CSS */ 
 

 
html, 
 
body { 
 
    height: 100%; 
 
    margin: 0; 
 
} 
 
img { 
 
    display: block; 
 
    height: 100%; 
 
}
<!-- HTML (body tag can be left out in stacksnippets, and also in jsfiddle --> 
 

 
<img src="https://s-media-cache-ak0.pinimg.com/236x/3d/df/34/3ddf340436cc77dc9c468505be1ad123.jpg" />

+0

ズーム/変換CSSを使用してこの問題を解決する必要があります。 –

+0

あなたの宿題をあなたに依頼しているようです – henry

関連する問題