私は現在RWDをやっていますが、Chrome/VSC /に問題があります。 SCSSとChrome対策の違いはなぜですか?私のブレークポイントは800pxでSCSSに設定され、Chromeでは640pxです、なぜですか?それを修正するには?異なるブレークポイントを持つChrome
0
A
答えて
0
ページサイズインジケータは、アカウントにズームレベルを取ることはありません。または、CSSピクセルではなく画面ピクセルであると言うこともできます。 innerWidth
とouterWidth
を比較してください。
ズームレベルを100%にリセットするか、ターゲットの幅にズームレベルを掛けて適切な値を見つけます。
また、デバイスのツールバーをオンにしてメディアクエリをクリックするだけで、正確にその値に設定できます。
80%のズームで実際にテストしたい場合、これらのツールはあまりうまく機能しません。
+0
ありがとうございます。私はGoogle ChromeにViewport Dimensionsの拡張版をダウンロードしました。 – mrcnw
関連する問題
- 1. 異なるブレークポイントを持つパディングスタイルがブートストラップcssで動作しない
- 2. Chromeデバッガのブレークポイントが機能しない
- 3. ブランチソースマッピング:Chrome Devtoolsのブレークポイントにヒットしない
- 4. 提出時のブレークポイント - Chromeデベロッパーツール
- 5. Chromeコンソール - ファイル全体のブレークポイント
- 6. ChromeのHTML DOMのブレークポイント
- 7. Visual Studio - ブレークポイントの異なるセット
- 8. Rails異なる日に異なる値を持つモデルのモデル
- 9. BaseExpandableList異なる背景を持つ異なるグループ
- 10. 異なる範囲で異なる意味を持つ機能
- 11. 異なるfirebaseユーザアカウントに異なるクラウドファンクションファイルを持つ方法
- 12. SQL - 異なる時点で異なる値を持つテーブル - ベストプラクティス?
- 13. 異なる言語の異なるテキストを持つsymfonyバンドル
- 14. 異なるプレフィックスを持つXMLをシリアライズ
- 15. Chromeデベロッパーツールが不正な場所にブレークポイントを設定する
- 16. 異なる履歴を持つ2つの異なるリポジトリをマージする
- 17. 異なるパラメータを持つ関数ポインタ
- 18. 異なるメソッドシグネチャを持つストラテジパターン
- 19. 異なるコールバックハンドラを持つシングルトンWebSocketオブジェクト
- 20. 異なる機能を持つマルチプロセスプール
- 21. 異なる子ビューを持つAndroidリストビュー
- 22. 異なる値を持つテーブルビューデリゲートメソッドのインデックスパス
- 23. 異なるユーザープロファイルを持つSQL Serverテーブル
- 24. 異なるドメインを持つWordpress Multiteite
- 25. 異なる背景を持つAndroidボタン
- 26. Pleskの異なるポートを持つサブドメイン
- 27. 異なる引数を持つ関数
- 28. 異なるノードパスを持つXPath
- 29. Laravel 5.2異なるセッションを持つサブドメイン
- 30. 異なるenv appsettingを持つASP.NETコアパブリッシュ
'@media screenと'を '@media'に変更できますか?これにより、画面の代わりにブラウザの幅が正しく使用されます。 – Lansana
私はそれを試しましたが、うまくいきません。それを修正するためのアイデアは何ですか?それは間違いです。 – mrcnw
また、CSSの特定の要素をターゲットにする必要があります。あなたはちょうどメディアクエリの中にCSSを持っています。そのメディアクエリが別のCSSルール内にネストされていない限り、それも変更してみてください。 – Lansana