5

私が見たところ、私が探しているものとまったく同じ別の投稿がないようです.

パネルとビューのスライドショーを使用する Drupal サイトで開発中のページが 1 つあります。ページ上のどこに配置する必要があるかという理由で、多数の絶対位置要素と固定位置要素があります。ページを埋めるには、親 div の幅と高さが 100% である必要があります。このページのポイントは、スクロールバーを持たず、ユーザーの画面サイズに関係なくすべてを表示することです。そのため、特定の画面サイズで必要な要素をクリーンアップするメディアクエリがあります。

ただし、ユーザーがブラウザーを使用してページを拡大すると、要素が移動し、互いの上に積み重なっていきます。これは、100% の高さ/幅が特にウィンドウ サイズに準拠しており、ユーザーがズームインしてもウィンドウを超えて拡大しないためだと思います。

100%を削除してピクセルに置き換えることで修正できましたが、画面の高さや幅が正しくない場合、スクロールバーがあり、ユーザーがすぐにすべてを表示しないため、これが問題になりますページで。

ブラウザのズーム中に、100% の高さ/幅を利用してページを超えて拡大し、スクロールバーをオンにできる JavaScript などはありますか?

ユーザーがズームインしている場合、ページがこぼれてスクロールバーが表示されても問題ありませんが、デフォルトの画面では許可されていないことに注意してください。

これで問題ないことを願っていますが、Javascript を使用してページ全体を拡大縮小するページの例は、私が必要としているものの、その方法がわかりません。

http://www.ammunitiongroup.com/

どんな助けも高く評価し、もちろん速いほど良いです:)

4

1 に答える 1

0

これは役立つはずです。最新のブラウザーでブラウザーのズーム レベルを検出できます。 https://github.com/yonran/detect-zoom

サンプルページ: http://htmldoodads.appspot.com/dimensions.html

于 2012-11-05T11:12:29.737 に答える