Q&A
実機と幅が違うからではないかなと予想してますが、mediaのmax-widthを調整してもダメですか？
wordpressサイトです。
header.phpにはviewportをこのように入れてあります
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
style.cssは
PC用のCSS /****************************** ★ Media Queries スマフォ表示の設定(599px以下で読み込むcss) ******************************/ @media screen and (max-width: 375px) { スマホ用CSS }
という風に組んでおりまして、
Googleデベロッパツールで確認しながらレスポンシブの調整をしておりました。
Googleデベロッパツールは問題なくスマホ用にレイアウトされているのにスマホ実機ではPCの表示のままで一部でもCSSが効いているという箇所はないです。
何が原因でしょうか。
実機ではシークレットモードでも確認しましたがダメでした。
回答ありがとうございます！599pxで指定しても375pxで指定してもダメです・・
具体的にどの機種でしょうか？ いまのスマホは結構高解像度です。
iPhone7です
実機は横にしていないでしょうか？
横にしていません、プラグイン系も１つずつオフにしてみましたがダメです・・
サイト全体がレスポンシブしないのでしょうか？特定のページのみでしょうか？また、簡易的に大まかなブロック分けで良いので、症状が再現できるコードを提示して頂くと、より良い回答を得れると思います。
-追記-
他の方とのやり取りをみると、CSSが適用されていないだけの感じがしますが、サーバーへのUP済で良いのですよね？また、スマホ側のキャッシュクリアや他の実機はどうなのでしょうか？他の実機でも適用されていないのであれば、CSSの設定が問題ではないでしょうか？
回答4件
0
機種毎のブレイクポイントがまとめてあるサイトがあるので参考に設定してみてください。
投稿2018/02/28 08:12
総合スコア80842
0
同じファイル名で変更を続けていると、キャッシュが残り続ける、ということがよくあります。
CSSのファイル名を変えても同じ現象は続きますでしょうか。
投稿2018/02/28 07:13
総合スコア145183
0
ベストアンサー
スマホ実機とは、どの幅でしょうか。
599px以下で読み込むcss
らしいので
css
1@media screen and (max-width: 599px) { 2スマホ用CSS 3}
とすれば直るような気がします。
投稿2018/02/28 07:08
総合スコア3404
回答ありがとうございます。こうしても、ダメでした。デベロッパツールで見えていて実機では見えないのが不思議です。。こんなこと今までなかったので・・
では、HTML側の方も、CSS全体もソースを教えてください。
予想もしてないところが原因かもしれないので。
ありがとうございます。すみません、どのようにソースを送ればよろしいでしょうか？
質問文にコードブロックで追記してください。
吐き出されているhtmlをコードブロックで入れているのですが、このサイトで通常と異なるコードを検出したため・・と表示されてしまい追記できません。
ここに一瞬だけサイトのソースへのurlを書くので見ていただけないでしょうか・・＞＜
わかりました
コピペ完了したらお知らせいただけますと幸いです
ありがとうございます。取り急ぎ↑確認しました。
そもそもCSS読み込まれていないような気がします。
ありがとうございます！
WP側では<link href="<?php bloginfo('template_url');?>/style.css" rel="stylesheet" type="text/css">
で読み込んでいると思うのですが・・
実際、style.cssに追加するとデベロッパツールではそのCSSが適用されていました
何度見ても
@media screen and (max-width: 375px) { ... }
が見つかりません…。
ドメイン/wp-content/themes/sss/style.css
で見るとあります
一度、ファイル名を変えてみてください。
変えてみましたが、ダメです
wp-content/themes/sss/style.cssの中を「max-width: 375px」とかで検索しても見つからないです。
更新されていないように思えます。
アップ先のサーバを間違えたりはしていませんでしょうか。
私のマシンではドメイン/wp-content/themes/sss/style.css ここで検索して見えるのですが、キャッシュでしょうか？アップ先は間違っていないと思います。。そうじゃないとサイトをデベロッパツールで確認した時に更新されませんよね？
私もキャッシュをなんどもクリアしていますが…。
ちょっとこれは私一旦引いて、他の方のアドバイスをいただいた方がいいかもしれないですね。
考えられることは私もやり尽くしました・・他社のテーマからのレスポンシブ化案件なので自分でも意図しない何かが関係しているのかもしれないです。お手上げ状態ですまいりました＞＜
長々とお付き合いいただきありがとうございました。
どなたでも、何かアドバイスいただけると助かります。
0
たくさんの方にご回答いただき、ありがとうございました。
この問題、なんと、
ディレクターからもらっていたFTP情報が古いものだった
ということが今判明しました。
みなさまご協力いただきありがとうございました。
そして結末がこんな凡ミスで申し訳ございません。。。
たくさんやりとりしていただいた方にベストアンサーにします。
投稿2018/03/01 01:57
総合スコア40
質問者さんが原因ではないので謝らなくてもいいと思いますよ。
全く同じファイルを置いたテスト用のサーバーだったのでしょうか？意地悪な言い方かも知れないですが、凡ミスではない気がします。作業前の確認事項です。良い教訓になった思って頑張ってください。
ありがとうございます。
kszk311さんの回答とその後のコメントのやり取りでは解決をしていないと思いますので、ご自身の回答にベストアンサーを付け直した方がいいのではないかと思いますがいかがでしょうか。
ベストアンサーを外すのは抵抗があるかもしれませんが…。
あなたの回答
tips
プレビュー
