2016-10-09 6 views
0

NIT iPad上で動作し、それはPCのため正常に動作します:ズームは窓が、私は、ページ全体をズームアウトするためにこのコードを使用しています

@media only screen 
    and (min-device-width: 990px) 
    and (max-device-width: 1024px) 
    { 

html 
{ 
    zoom: 0.8; 
} 
} 

しかし、私はそれがどんなiPad上で作業していない取得することはできません。

@-o-viewport { 
    zoom: 0.8; 
} 

私はそれがPC上と同じようにiPad上で動作するように何か考えていますか? CSS-Triksから

答えて

2

ズームは古いIEの事です。 ライブサイトで使うべきものではありません。コンテンツの縮尺を変更する場合は、CSS Transformsを使用します。 oldIEサポートが必要な場合は、filtersを使用することもできます。

注それはズーム代替かもしれスケールを使用して2013年

+1

うーん、google検索で「Opera」を除くすべてのブラウザで「ズーム」がサポートされていることがわかりましたので、使用しても構わないと思いました。まあ、私はスケール変換を使用することができますが、ズームのようなダウンスケーリングでは機能しません。ズームは、すべてを小さく見えるようにしますが、ページに収まります。一方、スケールはすべての面に白いスペースを残します。それは何とか私のCSSがコード化されている方法に固有ですか? – user2426290

+0

['zoom'を使うことはできますか?](http://caniuse.com/#feat=css-zoom)表の下の' 'Resourses'タブに注意してください。ここには、このCSSプロパティについて必要な情報がすべてあります。プロジェクトでそれを使用するかしないかについて情報に基づいた決定を下すことができます。私はあなたに関連情報を指摘したいと思ったが、すべての文書を読んで、関連するものと自分ではないものを自由に決めてください。 –

+0

ありがとう、ここから管理します – user2426290

0

に古いものました。

transform: scale(0.8); 
関連する問題