Re: ロゴがCromeで小さく見える

sam > ロゴがCromeで小さく見える @ 2016/4/4 9:40
beychan > Re: ロゴがCromeで小さく見える @ 2016/4/5 10:43
sam > Re: ロゴがCromeで小さく見える @ 2016/4/5 11:31
hanhunhun > Re: ロゴがCromeで小さく見える @ 2016/4/5 16:07
sam > Re: ロゴがCromeで小さく見える @ 2016/4/5 20:09
» katokaisya > Re: ロゴがCromeで小さく見える @ 2016/4/6 11:09
sam > Re: ロゴがCromeで小さく見える @ 2016/4/7 16:30
katokaisya > Re: ロゴがCromeで小さく見える @ 2016/4/8 11:02
sam > Re: ロゴがCromeで小さく見える @ 2016/4/9 6:07

katokaisya > Re: ロゴがCromeで小さく見える @ 2016/4/6 11:09
はじめましてkatoと申します。 ChromeだけでなくSafariでも同様の現象が起きるようです。対策として、メディアクエリでPC版の時のロゴの親要素の幅を指定すれば、とりあえずレスポンシブの機能を残したまま解決できます。今回のロゴマークの画像の大きさが５０８ｐｘなので bccollors/css/style.css の一番下の行に `@media screen and (min-width: 640px) { #Header h1 { 　width: 508px; 　　　　　} }` を追加してあげれば、PCの時には508pxのロゴマークが表示され、スマホなどでは画面の横幅のロゴマークが表示されます。

katokaisya > Re: ロゴがCromeで小さく見える @ 2016/4/6 11:09

はじめましてkatoと申します。
ChromeだけでなくSafariでも同様の現象が起きるようです。
対策として、メディアクエリでPC版の時のロゴの親要素の幅を指定すれば、とりあえずレスポンシブの機能を残したまま解決できます。
今回のロゴマークの画像の大きさが５０８ｐｘなので
bccollors/css/style.css
の一番下の行に

@media screen and (min-width: 640px) {
	#Header h1 {
	　width: 508px;
　　　　　}
}

を追加してあげれば、PCの時には508pxのロゴマークが表示され、スマホなどでは画面の横幅のロゴマークが表示されます。

フラット表示

前のトピック | 次のトピック

Re: ロゴがCromeで小さく見える

キーワード検索