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

WEB1.0のコンテンツをサルベージ、せっかくなのでスマートフォンで閲覧できるようにしました。ソースに
<meta name="GENERATOR" content="Mozilla/4.7 [ja] (Win98; I) [Netscape]">
と入っていたりしますが…。
このページはWindows98、Netscape4.7で作成されました…。なんだそれ…。

モバイルフレンドリーテスト

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

iPad

iPadをChromeでエミュレート。

iPhone

iPhoneをChromeでエミュレート。

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

思っていたより簡単にモバイルフレンドリーテストをパスする事ができました。
スマートフォンでアクセスしてもまったく問題ないのかというと…スマートフォンを持ってないのでわかりません!(なんだそれ
posted by さとぴあ at 2017/10/01 21:04 | 吾妻ひでお

この記事へのコメント

コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。