みんなのコメント 6件

ベストアンサー

ユーザー660さん
ユーザー660さん

具体的に、どの記事のどの部分で問題が発生していますか?
具体的な箇所を示してください。全体的なのであれば、参考箇所で構いません。

ユーザー719さん
ユーザー719さん質問者

失礼しました。例えば、このページの
https://onlinerenai.com/2022/06/12/259/

PC表示
https://gyazo.com/26d967ae706ff7b834e82b64e0c69db5

スマホ表示
https://gyazo.com/bedb1ca8fb8cf2c5a920d4e79641de3a

PCですと、ピンクのマーカーが引かれていたり、外部リンクが水色になるのですが、スマホ表示だとCSSが反映されません。

ユーザー660さん
ユーザー660さん

原因がわかりました。スマートフォン表示の場合に、AMP が適用されているからですね。

テーマは「JIN」を利用されているかと思いますが、AMP はどのように適用していますか?プラグインでしょうか?それともテーマの設定ですか??

とりあえず AMP を辞めれば、スマートフォン表示の場合も PC 表示と同じ CSS がレスポンシブ仕様で適用されるはずです。

AMP を維持したい場合は、AMP の追加 CSS ファイルなどにマーカー等の CSS をコピペすれば OK です。面倒ですけどね。

ユーザー719さん
ユーザー719さん質問者

>こちらがベストアンサーです。

原因がわかりました。スマートフォン表示の場合に、AMP が適用されているからですね。

テーマは「JIN」を利用されているかと思いますが、AMP はどのように適用していますか?プラグインでしょうか?それともテーマの設定ですか??

とりあえず AMP を辞めれば、スマートフォン表示の場合も PC 表示と同じ CSS がレスポンシブ仕様で適用されるはずです。

AMP を維持したい場合は、AMP の追加 CSS ファイルなどにマーカー等の CSS をコピペすれば OK です。面倒ですけどね。

あなたの経験や知識を共有しませんか?

ほかのユーザーの相談に、コメントで参加してみましょう。

ログインしてコメントするはじめての方は無料登録