WEB1.0のコンテンツをサルベージ

WEB1.0のコンテンツをサルベージ、せっかくなのでスマートフォンで閲覧できるようにしました。ソースに

<meta name="GENERATOR" content="Mozilla/4.7 [ja] (Win98; I) [Netscape]">

と入っていたりしますが…。
このページはWindows98、Netscape4.7で作成されました…。なんだそれ…。


↑
吾妻ひでおのページのモバイルフレンドリーテストの結果。


↑
iPadをChromeでエミュレート。


↑
iPhoneをChromeでエミュレート。

モニターの横幅が十分にある時は、一定の幅にしたい。でも横幅がせまい時はせまくなるようにしたい。
最大の幅と最小の幅をCSSで指定。
解像度が十分にある時は元の画像のサイズ、画面が小さい時は画像を縮小するようにCSSで指定。
デバイスの幅にあわせるようにビューポートを設定。

思っていたより簡単にモバイルフレンドリーテストをパスする事ができました。
スマートフォンでアクセスしてもまったく問題ないのかというと…スマートフォンを持ってないのでわかりません！（なんだそれ