人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スマホヘッダー画像
スマホ画像が、携帯に反映されません。
何が原因でしょう?
※ぶろぐビギナーです。

1476422461
●拡大する

●質問者: 江東区かわかみ君
●カテゴリ:インターネット
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

質問者から

「レスポンシブ・デザイン」のチェックを外したら解決しました。
お騒がせしました。


1 ● ぽけっとしすてむ
ベストアンサー

f:id:psne:20161014145724j:image
デザイン設定の「レスポンシブデザイン」をオフにすることで反映されます。

レスポンシブデザイン とは

同じページを表示していても、デバイス(PC、スマートフォン、タブレット)によってサイズに合わせた異なる表示を実現するための手法です。
画像ファイルなどはPC版と同じものを利用する事が多いため、PC版で利用されている画像の一部が表示されています。
PC版にて使用している画像の比率をスマートフォン版にあわせる事で、違和感の少ない表示にできる事があります。


江東区かわかみ君さんのコメント
入れ違いで解決していましたが《レスポンシブ》を外すと「吹き出しCSS」がスマホで反映されず、《レスポンシブデザイン》を入れてるとスマホヘッダ画像が反映されず・・・立ち往生中です。

ぽけっとしすてむさんのコメント
吹き出しCSSとの組み合わせについては -吹き出し用CSSを「ヘッダに要素を追加」で挿入する -レスポンシブデザインの画像を変更、デザインCSSでカスタマイズする など、幾つかの方法があります。 例:スマートフォンでちょっとしたデザイン設定を行いたい ブログ詳細設定の「ヘッダに要素を追加」にて >|| <style> (ここに吹き出しCSSを書く) </style> ||< 上記のような形式で記述をして保存するとスマートフォンでも利用できるようになります。

江東区かわかみ君さんのコメント
「デザイン」「カスタマイズ」「デザインCSS」のCSS内容を、ご教授の箇所へコピーして、「レスポンシブ」チェックを外したら「吹き出し」もOK!「スマホ画像」も反映されました。「デザインCSS」内容は、削除すべきでしょうか? 早々のご教授に感謝します。

ぽけっとしすてむさんのコメント
ブログ詳細設定の「ヘッダに要素を追加」部分に挿入されたデザイン(CSS、styleタグで挿入したもの)はPC版とスマートフォン版の両方で適用されます。 このため、デザイン設定内の「デザインCSS」に同じ内容が含まれている場合、PC版では2重に設定されることになります。 ※設定の値が同じであれば上書きされます。異なる場合は統合されます。 複数個所で同じ設定を行うと、次回のカスタマイズにて片方のみを編集をしてしまうなどのミスが発生し、上手く表示されない事があります。 PC版の表示(デザインCSS)、全てのデバイスで表示(ヘッダに要素を追加)など、用途に合わせて記述する事が重要となります。 今回の場合では、該当する「吹き出しCSS」をデザインCSSから除去が望ましいと思います。

江東区かわかみ君さんのコメント
ご丁寧なご教授に感謝します。 解決しました。 ありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ