1

私は非常に複雑な問題を抱えています。誰もが答えを知っているとは思えませんが、あなたは賢い人たちなので、私はそれを試してみようと思いました。

私のウェブサイト（下のリンク）で、モバイルブラウザで表示したり、iPhoneなどの通常のウェブブラウザを小さくしたりすると、ページをスクロールして完全に表示する必要があるという問題があります。ただし、「ツアー」ページをモバイルブラウザで表示すると、スクロールせずに表示されます。

#tabs divがツアーページから削除されると、ディスプレイにiDevicesのスクロールが表示されます（これは非常に奇妙です）。＃tabs divが存在する場合、スクロールはありません。「ツアー」ページを除くサイトのすべてのページで、ブラウザを小さくすると、iDevicesとFirefoxでこのスクロールの問題が発生します。

基本的に、ユーザーが小さい解像度の画面で表示しているときに、ユーザーがスクロールする必要はまったくありません。

私が作成したテーマは、Wordpressの21の子テーマです。

ホームページ ツアーページ

よろしくお願いします、ニック。

4

2 に答える 2

2

現在、サイトのデザインスキームに根本的な問題があります。次回は、ダウンロードしたテンプレートを作成/編集するときに、このことを実際に覚えておく必要があります。

モバイルおよびタブレットユーザーの場合、次の3つのオプションから1つを選択する必要があります。

  1. ウェブサイトの代替モバイルバージョンを作成する、または
  2. ページを実際に行う方法を設計します。「液体デザイン」に％またはEMを使用します（サイトとコンテンツがコンテンツに応じて適切に調整されることを意味します）
  3. 「表示」や「オーバーフロー」などのCSSハックを使用するなし

ナンバー2は間違いなくここであなたの最良の選択肢です。水平スクロールバーを取得している場合は、幅、パディング、マージンなどをチェックし、100％未満に等しいものがないことを確認する必要があります。また、ページが自然に進行するにつれて、どのコンテンツが追加および変更されているかを検討してください。これはおそらくあなたの問題です。（前述のとおり、「ツアーページ」は#tabsによって異なります

リキッドレイアウト： http： //www.maxdesign.com.au/articles/liquid/

Jquery Mobile： http ://jquerymobile.com/

于 2012-09-06T20:08:21.097 に答える
0

上記で回答したTheChristopherのように、ページとその中のすべてを％、px、またはemで定義する必要があります。Firebugアドオンを使用して、すべてのコンテンツがどのように適合し、機能するかを理解することをお勧めします。ページからdivまたはセクションを取り出して、それらのセクションを再度追加する前に、機能させることができるかどうかを確認してください。このアプローチを試す前に、バックアップファイルを保存することを忘れないでください。:)

于 2012-09-06T23:36:26.333 に答える