0

次の問題があります。jQuery Mobileを使用して Web サイトを作成しています (データはdrupal cmsから取得されます)。

現時点での私の最大の問題は、ユーザーがタッチして追加情報を取得できる画像があることです。問題は、デバイスを回転させても画像が回転しないことです。

現時点での私の解決策は、デバイスを同じ画像に回転させたときに画像を変更することですが、90 *回転しています。ユーザーがタッチできるポイントについてはdiv、カスタム タッチ イベントで s を使用します。問題は、画像が変更された場合、divs が画像の同じ位置にないことです (上と左が変更されていることがわかっているので、それに応じて変更しました。新しい左は古い上などです。 ）。

これを解決する方法はありますか？そもそも画像が回転しないようにすることは、どういうわけか可能かもしれません。

4

1 に答える 1

0

css メディア クエリを使用して、デバイスの向きによって異なる画像の回転を適用します。

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    img.class {
       transform: rotate(270deg);
       -moz-transform: rotate(270deg);
       -webkit-transform: rotate(270deg);
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    img.class {
       transform: rotate(270deg);
       -moz-transform: rotate(270deg);
       -webkit-transform: rotate(270deg);
    }
}
于 2013-01-09T10:16:43.930 に答える