はてなﾌﾞﾛｸﾞのﾚｽﾎﾟﾝｼﾌﾞﾃﾞｻﾞｲﾝなのですが､ﾀｲﾄﾙ画像を可変させる事は不可能なのでしょうか？もしくはｽﾏﾎ用にﾀｲﾄﾙ画像のみ別のものに設定するのは不可能…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

はてなﾌﾞﾛｸﾞのﾚｽﾎﾟﾝｼﾌﾞﾃﾞｻﾞｲﾝなのですが､
ﾀｲﾄﾙ画像を可変させる事は不可能なのでしょうか？
もしくはｽﾏﾎ用にﾀｲﾄﾙ画像のみ別のものに設定するのは不可能なのでしょうか？

現在ﾀｲﾄﾙ画像をﾛｺﾞ画像に設定しているのですが､
PC合わせにしている為にｽﾏｰﾄﾌｫﾝで閲覧した場合､ﾛｺﾞの左右が切れてしまいます｡
ｽﾏｰﾄﾌｫﾝ合わせにしてしまうとどうもﾊﾞﾗﾝｽが悪くて･･･

調べても調べても出てこなくて頭がかち割れそうです､､､
どなたか教えていただきたいです｡

●質問者: ぱつこ(ptk)
●ｶﾃｺﾞﾘ:ｲﾝﾀｰﾈｯﾄ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

▽1 ● ぽけっとしすてむ

ﾍﾞｽﾄｱﾝｻｰ

@media (max-width: 480px) {
#blog-title {
height: initial;
}
.header-image-only #blog-title #blog-title-inner {
height: initial;
background-size: contain;
}
 
}

はてなﾌﾞﾛｸﾞﾃﾞｻﾞｲﾝ設定のﾃﾞｻﾞｲﾝCSSにて､上記を入れて様子を見てください｡
※ﾒﾃﾞｨｱｸｴﾘを入れ忘れたので､修正しました｡

a-kuma3さんのｺﾒﾝﾄ
ｽﾏﾎのﾀｲﾄﾙ画像のｾﾚｸﾀって､ >|| #container .header-image-wapper .header-image-anchor img.header-image-src ||< だったりしません？ → http://www.ptkabe.net/?device=touch

ぱつこ(ptk)さんのｺﾒﾝﾄ
回答ありがとうございます！すみません､何処を確認していいか分からず一応ｿｰｽを確認したのですがその記述は無かったです､､､

ぱつこ(ptk)さんのｺﾒﾝﾄ
>ぽけっとしすてむさん CSSに記述しｽﾏﾎで確認したところ上手くいってました！！！昨日2時間も悩みに悩んだのが嘘みたいです… これから微調整してみます！本当にありがとうごさいました！

ぽけっとしすてむさんのｺﾒﾝﾄ
こちらの設定だけではﾀﾌﾞﾚｯﾄｻｲｽﾞが考慮されていないので､はてなﾌﾞﾛｸﾞのﾃｰﾏ作成ﾍﾟｰｼﾞのｻﾝﾌﾟﾙを参考にｻｲｽﾞの設定を行ってみて下さい｡

ぱつこ(ptk)さんのｺﾒﾝﾄ
すべての数値を90%に設定してﾛｺﾞ画像を見やすいものに変えた所､きちんと表示されるようになりました｡とてもすっきりしました！ありがとうございます！