私は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+を押すと解像度が変わるようなものです。申し訳ありませんが、以下の回答を受け入れることはできません。