特殊タグ詰め合わせ

シブ

某イラスト投稿がメインのSNSの、小説ページっぽいのと百科事典らしきものを。スマホでの閲覧を基本として作ったのでパソコンだとちょっとおかしい部分等もあると思います。

---

　名前

3+フォローする3

あ∟

タイトル

＃

∟

32文字3

　☻︎いいね！

♡　＜　

タイトル

説明

#タグ

☻︎0　ほ0　X0

　≡

Aa

る

・・・

1 / 1 ページ

本文

1 / 1 ページ

　☻︎いいね！

♡　＜　

コメント

コメントはオフになっています

け　

≡　○✕百科事典

【画像】

...名前

...なまえ

....閲覧数等

説明等

「台詞」

すべての見出しを開く

∟ ....

....プロフィール

項目

回答

項目

回答

∟ ....

....概要

∟ ....

....関連タグ

作品名等

---

特殊タグで気をつけてることとして、

①とりあえずboxにはoverhiddenをつける
スクロールバーが見えてしまうと気になっちゃうので……スマホでは見えなくてもパソコンでは、とかその逆もあるのでひとまずつけておいて損はないと思います。

②textは小さすぎるとpcでは効かない
前のページに記述してあるとおりです。

③パソコンとスマホでは行の大きさが違う
閲覧設定の行間を見ていただければ分かりやすいと思うんですが、spは170%でpcは200%がデフォルトになっています。そのため見え方が異なるケースもあり。lh1.7にしておけばおそらく大丈夫かと思います。

④画面の大きさが違うと、w2やw30%などでも見た目の感じが異なってくる
特に%で設定すると100%の大きさが違う分、結構違ってきます。

⑤表で、パソコンだと一行におさまってもスマホでは2行になっていることもある
別に閲覧に問題はないんですが、見た目がちょっと崩れちゃうので気になる時は気になります。

自分もまだまだなので、ミスすることも多々ありますが……あと理由はよくわからないんですが文字色でcolorとtext:#だとcolorの方が文字数が少なくなることに気づいたので、それ以来できるだけcolorを使うようにしています。

あとは関係ないですが置換の際、()や|には\)とすればいいことが分かりました。