文字サイズが以前と異なってたので CSS 修正 Luxeritas 3.5.3.2

スマホで見た時の文字サイズが以前(ver3.4.1 以前)と違うという報告があったので CSS 修正しました。

なので、v3.4.2 ~ v3.5.2 までは一旦配布停止。

修正箇所は以下の 2点。


1.スマホで見た際に li タグや抜粋などの文字が ver3.4.1 以前より小さい

body・li・pre・blockquote の font-size がメディアクエリの中に入っちゃってたのが原因。

誤:

@media (min-width: 576px) {
	body, li, pre, blockquote {
		font-size: 14px; font-size: 1.4rem;
	}
}

正:

body, li, pre, blockquote {
	font-size: 14px; font-size: 1.4rem;
}

とどのつまりスマホだと、li, pre, blockquote & font-size 指定がなく body の font-size を継承してる箇所の文字サイズが小さくなってた。


2.スマホで見た際にサイト名の文字が ver3.4.1 以前より大きい

原因は ver3.4.2 で .sitename → #sitename に変更した際、上記とは逆にメディアクエリ内が .sitename のままになってた。

誤:

.sitename {

正:

#sitename {

直しました。ごめん。

改訂履歴

CSS 修正

  1. スマホ閲覧時に ver3.4.1 以前より文字サイズが小さくなっちゃってる箇所があったので修正
  2. スマホ閲覧時にサイト名が ver3.4.1 以前より文字サイズが大きくなっちゃってたので修正

Luxeritas

Posted by るな