responsive web design 例


<head>
<title>responsive web design 例</title>
    <link href=”css/common.css” rel=”stylesheet” />
    <link href=”css/pc.css” rel=”stylesheet” type=”text/css” media=”only screen and (min-device-width: 601px)” />
    <link href=”css/tablet.css” rel=”stylesheet” type=”text/css” media=”only screen and (min-device-width: 481px) and (max-device-width: 600px)” />
    <link href=”css/phone.css” rel=”stylesheet” type=”text/css” media=”only screen and (min-device-width: 320px) and (max-device-width: 480px)” />

</head>
<body>

….

iphone 5 portraitは、width 320

コメントを残す

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

WordPress.com ロゴ

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

Twitter 画像

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

Facebook の写真

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

Google+ フォト

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

%s と連携中


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