私は現在、メディア クエリを含むレスポンシブ テーマに取り組んでいますが、行った CSS の変更に関する何かが、メニュー (右上の金色) とサイドバー (これはブログ ページにのみ存在しますが、重要です... コンテンツ ブロックの右側にあるボックスです) ヘッダー/タイトル/左側のコンテンツとのマージから。通常の iPad 4 である iPad mini では表示されますが、Android ブラウザの画面では問題ありません。ブラウザのサイズを変更すると、問題を確認できます。
@media only screen and (min-width:768px) {
.site-navigation .nav-menu {
display: block;
}
}@media only screen and (max-width:767px) {
.menu-toggle {
display: block;
}
}@media only screen and (min-width:768px) and (max-width:959px) {
.wrap {
max-width: 728px;
}
それがメディア画面のCSSです。それぞれの div はすべて相対的に配置されます。この問題を解決する方法について誰かアドバイスはありますか? コードのヒントはありますか？