2015-12-22 2 views
5

ウェブサイトのズームを100%に設定しようとしています。私はFirefoxがこれをサポートしていないことを理解していますが、私はそれをChromeで動作させようとしています。ウェブページを強制的に100%にズームする

私はズームを設定しました:

body { 
    padding-top: 0px; 
    padding-bottom: 20px; 
    zoom: 100%; 
} 

とChrome CSSを有効に見ているように見える:

enter image description here

しかし、私はズームを高め、リフレッシュしたときに、それは取得していませんバック100%に設定します。

enter image description here

私は間違って何をしていますか、それをどうやって修正しますか? CSS/HTML/jQueryの答えはすべて問題ありません。

編集:これまでのところ、ロード時にCtrl + 0キーをシミュレートするのが最善の方法です。私はそれを生成する方法を考え出しましたが、どのようにユーザー入力なしでそれを起動させるのですか?

+2

CSSの「ズーム」プロパティは、ブラウザ自体のズームレベルの設定とはまったく異なります。 –

+0

ブラウザのズームプロパティを制御できないと思います。そして、あなたはそれがCSSの「規模」に関係していないことを知っていれば幸いです。 – void

+2

'windows'で' ctrl + 0'をクリックすると '100%'に設定されます。ブラウザとCSSを混同していると思われます。 –

答えて

1

Firefoxはzoomプロパティをサポートしていません(以前からそうであったように)。それはウェブページの内容を拡大する役割しか果たしておらず、実際のブラウザの設定を制御するものでもありません。

は何の力を持っていない(あるいは何の力を持っていないはずです)ユーザーのブラウザの設定上、https://css-tricks.com/almanac/properties/z/zoom/

+0

実際にCtrl + 0を押して表示できますか? –

+0

'zoom'はブラウザのズームレベルを変更しません。例えば、あなたのコードで 'zoom'プロパティが50%に設定されていて、ブラウザのスケーリングが125%の場合、Webページは62.5%で表示されます。 Webページは、ユーザーがWebページをどのように見たいかを妨げるものではありません。 – gkubed

3

あなた、Webページの作成者に連絡してください。ブラウザのズーム機能はアクセシビリティ機能です。多くのユーザーがテキストを読みやすくするためにそれに頼っています。開発者/設計者は、125%の規模に対応するために最善を尽くす。

0

ズームレベルを変更することはできません。エミュレートするCtrl + 0キーストロークはうまくいかず、JavaScriptとDOMとブラウザのUIの間にステップを通過しません。すべてのCSS値(ここでも言及されている)は、異なるズーム(たとえば、特定の要素をズームする)をトリガーします。

私の主な質問は、なぜズームレベルを修正したいのですか? あなたのウェブサイトをより厳しく監視するために、そのズーム機能に頼っている多くの人々が外にいます。 あなたはどういうわけかブラウザのウィンドウサイズを変えなければなりません。異なるズームレベルではほとんど違いはありません。

関連する問題