2012年08月26日

twitter bootstrap で iphone、スマートフォンサイトレイアウト

お願いします♪いいねとかつぶやいたりして下さい
 
参考:
http://rakuishi.com/wordpress/3554/

○CSS追加
<link href="/app/webroot/css/bootstrap.css" rel="stylesheet">
<link href="/app/webroot/css/bootstrap-responsive.css" rel="stylesheet">


○ヘッダにメタタグ追加
<meta name="viewport" content="width=device-width" />


○CSSに追加
img {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
  height: auto;
}


これでjquerymobile必要なくなったな。
関連するタグ:
あなたにとって有用な記事でしたか?是非ブックマークしておくことをおすすめします。
 




ライブラリを配布しちゃったり
webデザイン
Fireworks
HTMLコーディング
CSS
Dreamweaver
携帯サイト
webプログラム
PHP
正規表現
cakephp
MYSQL
javascript
webマーケティング
adwords
analytics
windows7
ショートカットキー
おすすめ情報
サイト
facebook
ライブラリ
配布
アプリ
iphone
ipad
サーバー
さくらサーバー
全ての記事を読む




トップ - 最新の記事一覧 - お問い合わせ