問題タブ [viewport-units]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
987 参照

html - ビューポート ユニット vh は、(垂直方向ではなく) 水平方向のサイズ変更でのみ再計算されます。クロム

「スライド」コンテナーのビューポート サイズに依存する Web サイトがありますが、ウィンドウの高さの垂直方向のサイズ変更後に再計算されません。vh水平および混合スクロールは、正しい順序で再計算を強制します。vw水平方向のサイズ変更で正しく再計算されます。

それを修正するか、サイズ変更時に再レンダリングの再計算の js エンフォーサーを作成できますか?

Chrome 30、Mac OS X 10.9。

0 投票する
1 に答える
2249 参照

css - css3 ビューポートの高さが iPad で機能しないようです

でdivを設定すると

かなりの量だけ画面から離れた要素IDの下部(ページの高さはわずか約40pxです....)

ページに収まるようにするには、設定する必要があります

また、これは縦向きモードでのみ機能します。iPadを横向きにすると、画面を更新してもビューポートが縦向きであると思われるようです!

vh を 85 に設定すると、Android タブレット、Windows タブレット、およびデスクトップ ブラウザーで動作します (Android および Windows タブレットは、デバイスの回転時にビューポートのサイズも変更します)。iPadの動作がおかしいのはなぜですか?

0 投票する
0 に答える
115 参照

css - Windows Phone WebBrowser スタイルのサポート vh

アプリに WebBrowser コントロールを埋め込んで、スタイルのあるページを開こうとしました Web ブラウザーfont-size: 3vh; がタグを認識できず、フォントが非常に大きくなるようです (ただし、WP で IE で表示すると正常です) WP Web ブラウザーがサポートしていないかどうか尋ねてもよろしいですかvh?

また、div の背景画像を設定したい場合、「カバー」スタイルでは背景をカバーできず、コンテンツが「オーバーフロー」するようです。ここに画像の説明を入力

0 投票する
1 に答える
3280 参照

javascript - IE8 と新しい vw ユニット。良いポリフィル?

vwユニットをテストしています(ビューポート幅に関連)。私の質問は、vw 値をピクセルで変換する簡単な方法はありますか? レスポンシブである必要はありません。私はJqueryについて考えていました。prefixfree プラグインと vminpoly が機能しないようです (ローカルでテスト中)

0 投票する
4 に答える
131465 参照

html - CSS 計算ビューポート単位の回避策?

他の 回答で見たものから、CSS ビューポート ユニットはcalc()まだステートメントで使用できません。私が達成したいのは、次のステートメントです。

ステートメントでビューポート単位を使用できない場合でも、純粋に CSS を使用してこれを達成できる回避策はありますか? calc()それともCSSとHTMLだけ?JavaScript を使用して動的に実行できることはわかっていますが、CSS を使用したいと思います。

0 投票する
1 に答える
1746 参照

css - クロムのcalc()とvhの回避策?

クロムの関数で使用vhするための厳密にcssのみの回避策はありますか?calc()

ページの下部に 25 ピクセルのバーを貼り付けるには、ブラウザーcalc(100vh - 25px)で上部を使用する必要がありますが、クロムで問題が発生しています。margin