Web サイトを携帯電話用にフォーマットしましたが、テストの結果、モバイル デバイスがまだ通常の形式の Web ページを参照していることがわかりました。
私が使用しているコードは次のとおりです。
<!-- SMARTPHONES, PORTRAIT & LANDSCAPE -->
<link rel="stylesheet" media="only screen and (min-width: 320px) and (max-width: 641px) and (orientation:portrait)" href="mobile.css" />
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)" href="mobile.css" />
<!-- NETBOOKS UP TO DESKTOPS -->
<link rel="stylesheet" media="only screen and (min-width: 641px) and (max-height: 750px)" href="netbook.css" />
<link rel="stylesheet" media="only screen and (min-width: 641px) and (min-height: 751px)" href="common.css" />
<link id="Link1" rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" /><link id="Link2" rel="icon" href="img/favicon.ico" type="image/ico" />
ウェブサイトはhttp://www.interimspaces.co.ukです。
何かご意見は...
ありがとう