ひふみワールド | -0.16% | 128.01 |
さわかみ | -0.33% | 111.60 |
TOPIX | -0.30% | 110.77 |
ポートフォリオ | -0.26% | 107.50 |
日経平均 | -0.56% | 105.33 |
ひふみ投信 | -0.12% | 103.39 |
ひふみらいと | -0.03% | 101.42 |
スタイルシート
公式テーマのSmooth*1を適用した。スマートフォンから接続しても、1カラム・スタイルで表示されず、PCと同じように左側にメニュー表示されていることに気付いた。はてなのサポートに言わせると、
- 1カラム・スタイルで表示されるのが本来の動作
- はてなサポートでは正常表示を確認している
と言うことだったので、想定通りに動作するテーマと比較し、何処が異なるのかを検証してみることにした。
表示形式を使用として明示しているInnocent*2を比較対象としている。
Innocentでは”@media”の記述が、かなり整理して記述されているのだが、Smoothは、私には乱雑に記述されているように感じる。
端的には仕分けの問題で、Innocentはmin-widthを仕分け基準として、その設定毎に要素を定義しているのに対して、Smoothは要素を仕分け基準として、要素毎にmin-widthに応じた設定を定義している。意図せず、設定が上書き反映されてしまう事態を招きやすいのではないだろうか。
@mediaの記述を整理することが、解決の糸口になりそうな気がする。