問題タブ [goldilocks-approach]
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.
css - IE7/8 と Goldilocks アプローチ (レスポンシブ Web デザイン) が連携していない
... より正確に言うと、ブラウザは少し調整した Goldilocks では動作しません ... :/
ゴルディロックスアプローチ > goldilocksapproach.com
私のサイト (進行中) > amordetango.nl/txp/test
それは些細なことでなければなりませんが、私はそれをごまかしています...
javascript - ユーザーのビューポート サイズを em 単位で取得する
EDIT
次のコードは em のサイズを取得しますが、私の css に対応していません。
CSS では横長の iPad はトリガーされませんが@media screen and (min-width: 30em) and (max-width: 63.236em) {...}(つまり、幅が 63.236ems を超えています)、JS では がトリガーされconsole.log('small screen')ます。
元の質問 (ほぼ回答済み) " The Goldilocks Approach " に関する Web サイトを作成しようとしています。すべてがスプレッドシートでうまく機能しますが、埋め込みマップの高さを動的に設定して、常にユーザーの現在のビューポートの高さの 90% になるようにしています。ただし、マップの横に「マップ ヘルプ」を表示することもできます。これにより、ブラウザのビューポートが十分に大きくなります (この場合は 66.23ems です。縦向きの iPad は 66.23ems を超えます)。以下は、何が機能していないかを示すためにコメントされている私のコードです。
それで、私の質問は、emsをチェックインして正しい応答をトリガーするにはどうすればよいですか?