問題タブ [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.
html - ビューポート ユニット vh は、(垂直方向ではなく) 水平方向のサイズ変更でのみ再計算されます。クロム
「スライド」コンテナーのビューポート サイズに依存する Web サイトがありますが、ウィンドウの高さの垂直方向のサイズ変更後に再計算されません。vh
水平および混合スクロールは、正しい順序で再計算を強制します。vw
水平方向のサイズ変更で正しく再計算されます。
それを修正するか、サイズ変更時に再レンダリングの再計算の js エンフォーサーを作成できますか?
Chrome 30、Mac OS X 10.9。
css - css3 ビューポートの高さが iPad で機能しないようです
でdivを設定すると
かなりの量だけ画面から離れた要素IDの下部(ページの高さはわずか約40pxです....)
ページに収まるようにするには、設定する必要があります
また、これは縦向きモードでのみ機能します。iPadを横向きにすると、画面を更新してもビューポートが縦向きであると思われるようです!
vh を 85 に設定すると、Android タブレット、Windows タブレット、およびデスクトップ ブラウザーで動作します (Android および Windows タブレットは、デバイスの回転時にビューポートのサイズも変更します)。iPadの動作がおかしいのはなぜですか?
css - Windows Phone WebBrowser スタイルのサポート vh
アプリに WebBrowser コントロールを埋め込んで、スタイルのあるページを開こうとしました Web ブラウザーfont-size: 3vh;
がタグを認識できず、フォントが非常に大きくなるようです (ただし、WP で IE で表示すると正常です) WP Web ブラウザーがサポートしていないかどうか尋ねてもよろしいですかvh
?
また、div の背景画像を設定したい場合、「カバー」スタイルでは背景をカバーできず、コンテンツが「オーバーフロー」するようです。
javascript - IE8 と新しい vw ユニット。良いポリフィル?
vwユニットをテストしています(ビューポート幅に関連)。私の質問は、vw 値をピクセルで変換する簡単な方法はありますか? レスポンシブである必要はありません。私はJqueryについて考えていました。prefixfree プラグインと vminpoly が機能しないようです (ローカルでテスト中)
css - クロムのcalc()とvhの回避策?
クロムの関数で使用vh
するための厳密にcssのみの回避策はありますか?calc()
ページの下部に 25 ピクセルのバーを貼り付けるには、ブラウザーcalc(100vh - 25px)
で上部を使用する必要がありますが、クロムで問題が発生しています。margin