私は彼女のウェブサイトのためにMeccaHostingを使ってクライアントと仕事をしています。私はWordpressでサイトをコーディングしています。私がMAMPをセットアップしたとき、Chromeでローカルにシミュレートされた通常のサイトからモバイルサイトに至るまで、すべてChrome上でうまくいきました。しかし、私がサイトをアップロードしたとき、私はCSSの多くのメディアクエリ定義が継承されず、認識されていないことに気付きました。たとえば、サイトの12グリッドの列があります。ホスティングサービスがCSSでメディアクエリをサポートしていない可能性はありますか?
@media only screen and (max-width: 769px) {
.page-template-services .three-fourths {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.page-template-services .one-fourth {
width: 80%;
margin-left: 0;
}
iPadまたはChrome iPadシミュレータでは認識されません。異なるホスティングサービスであるため、メディアクエリに異なるフォーマットが必要なのはなぜですか?私はGoDaddyでこれに問題はなかった。
私は、通常のサイトとモバイルサイトのシミュレーションで同じChromeブラウザを使用しています。それは非常に異なって見える。それがホスティングサービスの問題である可能性はありますか?ありがとう!