問題タブ [initial-scale]
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.
mobile - initial-scale = 1.0 + width= device-width どのモバイルでも画面全体に収まらない
だから私は今かなり困惑しています。Delicateテーマを使用してレスポンシブWebサイトを構築しています。メタタグが組み込まれています
私が印象に残っていたのは、コンテンツ全体を画面幅に設定することでした。私の携帯電話では、ズームアウトして、コンテンツをややきれいに表示する必要があります。初期スケール値を 0.65 に変更してみました。これにより、開発に使用している個人の電話でサイトが見栄えがよくなりましたが、iphone 6 またはその他のデバイスではうまく機能しません。
私は壁に顔をぶつけていたので、アドバイスをいただければ幸いです
html - @media クエリと @viewport ズーム
デバイスに基づいてビューポートのズーム (初期スケール) を調整したいと思います。タブレットではズームを大きくし、携帯電話のポートレート モードではズームを小さくします。
index.html でズームを制御でき<meta name="viewport"...ますが、それは各デバイスに固有のものではありません。
@media クエリを介してズームを制御する方法はありませんか??
それらは効果がないようです。
私は次のcssを持っています:
私の理解では、1 つ目 (320px) はスマートフォンの縦向きモード、2 つ目はタブレットの縦向きモード、3 つ目はタブレットの横向きモードである必要があります。
どちらの場合でも、結果は変わりません。
Samsung Galaxy Tab E と htc M8 One 電話でテストしています。
どんな洞察も高く評価されます。
ありがとう。
css - base-width に基づく CSS スケーリング
ウェブサイトをスケーリングするにはいくつかのアプローチがあることを知っています。しかし、ベース幅に基づいてページをスケーリングするスマートな方法を見つけることさえできませんでした。たとえば、モバイル サイトを特定の幅に合わせて最適化し、他のすべての幅に合わせてページを拡大縮小したとします。basic-width を 640px に設定できます。訪問者のビューポートが 640px の場合、要素はスケーリングされません。訪問者のビューポートが 1000ox の場合、要素は係数 1.5625 (1000px/640px) でスケーリングする必要があります。これを達成するための賢い方法は何ですか。はい、ビューポートを取得して幅を計算するために JS を実行できますが、クラス内でパラメーターを設定して幅を乗算するなどの CSS ソリューションを使用したいと思います。よろしくお願いします:)