Dolly's BLOG

WebPageのCSS（スタイルシート）が、そろそろ時代錯誤になってきたので、見直ししたかったのだが、なかなか手がつかなくて放置されていた。
正確には、何度か手を入れようとしたが、うまくやれなくて放置されていた。
今使用中のものは、デバイスの画面サイズで使うCSSを分けちゃうもので、ガラケー用、タブレット用/PC用の３種類のCSSを使っていた。しかしガラケークラスの解像度のデバイスはもう絶滅しているし、スマホの解像度も幅広くなっていて、このやり方は時代に合わないやりかた。読めなくなるような問題は起きないのだが、なんとなくイマイチな感じになってしまうことがある。
現在の主流はCSSは一つで、デバイスの画面サイズ=device widthではなく、ViewPoint幅=widthに合わせる感じになる。
今回はAIを使って、古いCSSを現代風に修正するお手伝いをしてもらった。
全部一気に変更するのはリスクが大きいので、最新のページだけ新CSSを読み込むようにしてみた。
なかなか良いのだが、課題はDreamWeaverだった。新しいCSSをDreamWeaverはちゃんと解釈しないようで、レイアウトがずれる。Webブラウザで確認すると問題ないのだが、これだと意味ないなー。悩み中。