iPhone、iPadに同じデザインで対応する


公開日:2011年09月14日 水曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , , , , | 閲覧数:10 | 1 comment

CSSだけでいろんな解像度のデバイス(スマートフォンやモバイルPC)に対応してみる。

 

wordpressには

それ用のプラグイン(wptouchとか)もあり、とても便利に使わせていただいているけど

なんか物足りない感が・・・

 

それはなんぞや?と聞かれると

 

「う~ん、、、」となってしまうのだけど

やっぱり、パソコンで見た時とそうでない時の差。

としか言いようがないかも。

 

で、冒頭の

「CSSだけで

いろんな解像度のデバイス(スマートフォンやモバイルPC)に対応してみる。」

 

EX:スタイルシート内に直で書く場合

@media screen and (max-width: 480px) {}

最大幅が480px(iPhoneなど)の場合・・・という具合。

 

パソコン用

 

パソコン用。

 

最大780px、iPad縦

iPad縦

スマホ等横向き

 

スマホ等横向き

スマホ等縦向き

スマホ等縦向き

iPhone向きにはトップへ戻るボタンとか

ツィッターとRSSのでかいボタンは非表示。

 

すごく快適になったけど、

これまでつくったサイトはなかなか手を付けられず、

WPtouch Proを購入しようかどうか検討中。

いや~~、カネかかる~   ┐( ̄ヘ ̄)┌ ・・・

 

もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:2011年09月14日 水曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , , , , | 閲覧数:10 | 1 comment

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

One Comment

  1. Pingback: ボチボチ、進行中。 | 極楽ひだまり保育園・・・猫になりたい

Leave a Reply

Required fields are marked *


CAPTCHA