はてなブックマーク - 【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。 (フェンリル

【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。 (フェンリル | デベロッパーズブログ)

タグ : スマートフォン web制作 html CSS HTML5 iPhone テンプレート css3 Android デザイン

コンピュータ・IT 1003 users

こんにちは、開発の林です。スマートフォン向けウェブページを作るする際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き）こちらの ... > このページを見る

最終更新時間: 2012年02月01日16時01分

▼ブログで紹介する

みんなのブックマーク人気（5）新着

littlefield スマートフォン, テンプレート, css3, iphone, android, html5
確かに便利だし気持ちはわかるけど低解像度デバイスにとっては無駄にバカデカイ画像読まなきゃいけなくなるのがなー。あと user-scalable=no はやっぱりストレス…。 user-scalable 可変にすると色々ややこしいんだけど orz 2012/02/01
Kei_9 Web
キヨタカさんGJ! 2012/02/01
ui_nyan android, iphone, webデザイン
フリー！ 2012/02/013 RT

3 RT
nasabe css3, スマートフォン, html5
僕は“img:not([width]) {zoom: .5;}”ってやってる 2012/02/02
KariumNitrate web制作, お役立ち, Android, スマートフォン, 携帯HTML
こういうノウハウやライブラリはありがたいと思いつつ、ライセンスはフリーで本当にいいんだろうか。 2012/02/01

shiotty HTML, iPhone, iPhone, スマートフォン
(`・ω・´)bｸﾞｯ! 2012/02/27
sskb html
ちょっと参考にさせていただきました。 2012/02/27
yamashina css
スマートフォン向けサイトのテンプレート 2012/02/23
richard_raw html, デザイン, iphone, android, clip
活用したいです。フリー！ 2012/02/19
tihata html5, iPhone, css
これも今度スマホ用で使ってみる！ 2012/02/19
istb16
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。 (フェンリル | デベロッパーズブログ) 2012/02/07
mag4n HTML5, iPhone, Android, css3, html, css
ありがたや 2012/02/06
cos31 HTML, meta, 参考, 画像
ほえー 2012/02/06
misshiki HTML5, Android, iPhone, WindowsPhone
meta viewport というタグを使えば表示サイズを調整できるけど、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒。スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレート。 2012/02/06
bonnaroo HTML5, スマートフォン
これは使える 2012/02/03
yamaeda
スバラスィ。【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。 2012/02/03
glat_design モバイル, スマホ最適化, web制作, webデザイン, テンプレート
うーん早くやりたいんだけど…！とりあえず参考にはする 2012/02/03
u1tnk note
メモ 2012/02/03