1

モバイル用にフォーマットされていないページに div 要素があります。ただし、このページをモバイル フレンドリーにフォーマットしたくありません。クリックすると、div がモバイル デバイスのサイズに拡大されます。これは、div が空白のページにある場合は機能しますが、div がコンテンツでいっぱいのページにある場合は機能しません。画面またはウィンドウの高さ/幅を検出するために複数の方法を使用しようとしましたが、正しくスケーリングされません。私が考えているのは、次のことです。

div は、デバイスのピクセル幅と高さを正しく検出します。つまり、Droid Razr Maxx の場合、縦向きで 540x960 を検出します。これは非モバイル サイトであるため、Web サイトはズームアウト ビューにフォーマットされています。実際のWebページのズーム機構を調整したくないので、divは540x960にフォーマットされていますが、実際の画面ではなく、ドキュメントのサイズに相対的です。

私がする必要があるのは、表示されているフレームのピクセル サイズを検出し、ページではなく画面に関連するサイズに div を調整することです。または、ズームアウトモードでページのサイズを検出する必要があります-その後、それに合わせてスケーリングしますか?

残念ながら、現時点ではサンプル コードを提供できません。

誰でもこれを手伝ってもらえますか?

ありがとう!

4

1 に答える 1

0

サンプル コードがなければ、何を達成しようとしているのかを正確に知ることは困難ですが、考えられる解決策と共に私の理解を言い換えます。

クリックすると画面の幅に拡大する要素があるようです。ただし、携帯電話では、画面 != ページ。ズーム レベルに関係なく、要素を画面と同じ幅に維持したい。

これを正しく理解していれば、ページのサイズではなくウィンドウのサイズに合わせて調整する jQuery (または POJS) を少し作成する必要があるように思えます。ユーザーがズームすると、window.innerWidth プロパティが更新されます。clientWidth や同様の値ではなく、この値を使用できる場合があります。

以下は、window.innerWidth を使用してズーム レベルを取得する例です。

Safari で jQuery を使用してページのズーム変更を検出する

于 2012-09-11T22:07:57.740 に答える