[76] 今日もタグとかCSSとか by えのき さんへ返信

お題の表示方法について

書いても何を言っているか全然伝わらなさそう

旧お題を強引なCSSでスマホから見やすくするスタイルを追加しており、それを表示するメニューをスマホ用レイアウトで作ってたんですわ。
同じアドレスでスマホ用レイアウトとパソコン用レイアウト切り替えできるものを作ったのが昨日だったんですが、実装して触ってみたら、パソコン版でウィンドウ小さくしたら画面が別の画面になるの困るね。ってなって没になったんです。

今日は、スマホ版とパソコン版を別のページにする方式を試してたんですね。それは既存知識でできるから簡単には簡単だったんですが。
パソコン版メニューページとスマホ版メニューページの二つができるわけだけども、パソコン版メニューページは左右がiframeだから二つのHTMLからできており、結局お題メニューは各お題に3ページ要るわけなんですが、せっかくだからパソコン版ページをスマホから見た時にもギリギリ見れるようにしてみよう、とかやってたら、調整要素が倍になるわけなんですよね、そんなこんなでとても混沌とした。

添付はスマホから見やすくしたつもりの旧お題ページ

これはギリギリ使えるように調整した、旧お題のPC用ページのスマホ閲覧ページ（使うのだろうか？）

この掲示板添付画像が外れやすいんですよね

比較用に今普通に旧お題ページみたらこうですの写真を置くことでモチベを上げたい

パソコン版はスクショ撮りにくいから載せないけども、令和だから下メニューより余ってるサイド使おうと思ってフローティングメニューを置いた。
トップページは下メニューの形のままだけど、フレームじゃなくなったから形だけだけども。

新形式は画像の回り込みとかを試そうと思いまだ手付かずである。