Web制作者向け・横幅固定の非レスポンシブHTMLデモ

（去年の10月の話なのですが、当ブログで紹介できていなかったので改めてこちらで記事にします）

低予算でWebページを制作しなければいけない場合のための、Web制作者向けデモページを開設しました。

「横幅640pxで作った１つのHTMLファイル」で、PC・スマホ共通のビューを実現しようとするとどうなるか？というのを端末で目視確認するためのデモページです。


非レスポンシブ・テストページ

低予算（手抜き）で制作しなければならないケースを想定しているので、
　・メディアクエリ（media query）を使わない
そのかわりに
　・viewportの設定のみで済ませたい
という作りになっています。

viewport設定

<meta name="viewport" content="width=640" />

つまり「非・レスポンシブ」で、横幅640px固定でページ制作した場合のデモというわけです。

これを参考に、これからあなたが制作しようとしているウェブページにおいて、同様の手抜きをしてもデザイン面で問題がないか？ということを検討することができます。



どなたかのお役に立てば幸いです（・ω・）

ツイート