サンプル1
レイアウトだけくずれないように
小さいディスプレーではスクロールが必要、大きな画面は幅指定
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes">
<style>
  body {
    /*従前ページに必要な幅を設定する*/
    width: 750px;
    margin: 0 auto;
    word-break: break-all;
    /*iPhone横位置でのフォント拡大をふせぐ*/
    -webkit-text-size-adjust: 100%;
  }
  /*imgがあったら最大幅は表示幅に*/
  img {
    max-width: 100%;
    border: 0px;
  }
  /*tableがあったら最大幅は表示幅に*/
  table {
    max-width: 100%;
  }
</style>
</head>

TABLE表示

text...

text...

text...

text...


IMG表示


もどる