2011年01月17日

iPhoneランドスケープ表示でのフォントサイズ

iPhoneで、サイトを作成した際、ポートレート表示からランドスケープ表示に変更すると、
自動的にフォントサイズの調整をします。
フォントサイズが大きくなることで、デザインが崩れたりする為、
CSSを使いフォントサイズを調整することが可能。
body {
-webkit-text-size-adjust: none;
}

webkitは、Safariの独自プロパティで、デフォルト設定がautoになっている為、
サイズを自動調整してしまう。
posted by memo4me at 11:00 | Comment(0) | TrackBack(0) | mobile | このブログの読者になる | 更新情報をチェックする

2011年01月14日

スマートフォンサイトのviewport設定

iPhoneやAndroidは、viewportを指定しないとPCサイトを表示すると一部分のみを表示します。
ただしスマートフォンサイトは画面解像度が小さい為、自動的に表示サイズを縮小して表示することが可能です。
その設定が、viewportです。

viewportは、HTMLのheadタグ内のmetaタグの1つとして記述することができ、
下記のように記述することで、ポートレート(縦向き)およびランづスケープ(横向き)の表示になっても
画面の解像度にあった幅で表示することが可能です。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

※ただしHTMLで、リキッドデザインに対応する記述をする必要があります。

完全に設定方法忘れてた・・・。
前作ったのは、いつだろう
posted by memo4me at 11:00 | Comment(0) | TrackBack(0) | mobile | このブログの読者になる | 更新情報をチェックする

2008年05月16日

携帯サイトでPCからのアクセスを防ぐ方法

1枚のHTMLで各キャリア共通の携帯サイトを制作している時に、PCからのアクセスを防ぐ方法

.htaccessに各キャリアのIPアドレス帯域のみアクセス許可する

---------------------------------
order deny,allow
deny from all

#i-mode
allow from 210.153.86.0/24
allow from 210.153.84.0/24
allow from 210.136.161.0/24

#ezweb
allow from 210.169.40.0/24
allow from 210.196.3.192/26
allow from 210.196.5.192/26
allow from 210.230.128.0/24
allow from 210.230.141.192/26
allow from 210.234.105.32/29
allow from 210.234.108.64/26
allow from 210.251.1.192/26
allow from 210.251.2.0/27
allow from 211.5.1.0/24
allow from 211.5.2.128/25
allow from 211.5.7.0/24
allow from 218.222.1.0/24
allow from 61.117.0.0/24
allow from 61.117.1.0/24
allow from 61.117.2.0/26
allow from 61.202.3.0/24
allow from 219.108.158.0/26
allow from 219.125.148.0/24
allow from 222.5.63.0/24
allow from 222.7.56.0/24
allow from 222.5.62.128/25
allow from 222.7.57.0/24
allow from 59.135.38.128/25
allow from 219.108.157.0/25
allow from 219.125.151.128/25
allow from 219.125.145.0/25
allow from 121.111.231.0/25
allow from 121.111.231.160/27
allow from 121.111.227.0/25


#softbank
allow from 61.197.253.56/29
allow from 123.108.236.0/24
allow from 123.108.237.0/27
allow from 202.179.204.0/24
allow from 202.253.96.224/27
allow from 203.141.52.56/29
allow from 210.146.7.192/26
allow from 210.146.60.192/26
allow from 210.151.9.128/26
allow from 210.169.130.112/28
allow from 210.175.1.128/25
allow from 210.228.189.0/24
allow from 211.8.159.128/25
---------------------------------

IPアドレス帯域が増えたら追加しないといけないなー
posted by memo4me at 09:22 | Comment(0) | TrackBack(0) | mobile | このブログの読者になる | 更新情報をチェックする

2008年05月10日

携帯ページからのリダイレクト方法

携帯サイト自体は、何サイトも作っていましたが、リダイレクトをしたことが1度もありませんでした。
たまたまサーバのroot権限が無かったので、htmlのmetaタグのrefreshでいけると思ったらまんまと失敗・・・。

仕方ないので調べたらphpで対応が可能でした。
<?
  header( "Location: http://www.yahoo.co.jp" );
?>

なんとか出来て良かった!
posted by memo4me at 00:35 | Comment(1) | TrackBack(0) | mobile | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。