2

私は47インチのLCDTV(解像度1920 * 1080、16:9)でStack Overflow Webサイトを開き、多くの空白の真ん中にテキストとWebサイトを見つけました。Stack Overflowは、他の多くのWebサイトと同様に、標準の1200/1024ビューポート用に最適化されているため、テキストは判読できませんでした。

Webサイトを読みやすくするために、「ctrl」キーと「+」キーを押して、コンテンツがより多くの画面幅を占めるようにしました。ブラウザが実際に行っているのはコンテンツサイズを拡大すること(つまり、1文字あたりのピクセル数を減らすこと)であるため、これは「ズームイン」ではないと確信しています。

この「ctrl+」の動作は、ビューポートの解像度/サイズパラメータを検出した後、レンダリング前の演習としてJavascriptを使用して実現できますか?

更新:フォントサイズやその他のいくつかのことをスケーリングする@ media-queriesを試しましたが、画像と残りのコンテンツ(パディングなど)をバランスの取れた方法でスケーリングするのに役立ちません。最も重要なことは、特定のdivのサイズを「610pxでありながら利用可能な画面幅の75%を占める」と制限するという条件を満たしていないことです。

これは、Gecko/WebkitベースのブラウザーでCtrl+を押すと解像度が変わるようなものです。申し訳ありませんが、以下の回答を受け入れることはできません。

4

2 に答える 2

3

ほとんどはい。IE6,7にはzoomあり、IE8にはあります-ms-zoom

他の誰もが 2D 変換を持ってscale()いるので、あなたはカバーされています。ズーム css/javascriptを参照してください

この種の効果をドキュメント全体に適用する人を見たことがないので、バグがある可能性があります。楽しみ!

于 2012-02-16T17:05:44.587 に答える
1

ほとんどの場合そうであるように、javascript でそれが可能であると確信していますが、これはまさに、 CSS メディア クエリが解決するために特別に設計された種類の問題だと思います。

A List Apart のレスポンシブ Web デザインに関する記事をご覧ください。

于 2011-12-07T19:57:48.370 に答える