RSS

iPhoneとiPadでCSSを切り替えたい

28 2月

iPhoneとiPadで横幅が違うのでCSSを分けたいとき 

※そこまで厳密に判定しなくても大丈夫なときだけ有効

の中に以下のタグを埋め込む

		<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="/iphone.css" type="text/css" />
		<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="/ipad.css" type="text/css" />

横幅が480の端末ではiphone.cssを見て、1024の時はipad.cssを参照する。

厳密にやりたいならUAをチェックしないとダメなのでモック用に突貫工事。

広告
 
コメントする

投稿者: : 2015/02/28 投稿先 iOS

 

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

 
%d人のブロガーが「いいね」をつけました。