1

多分私は近視に苦しんでいて、もう何が悪いのかわからないのですが、モバイルサファリでのみ奇妙な水平方向のドラッグが発生しています(ブラウザとAndroidフォンで確認しましたが、正常に動作しています.)これが起こらないようにする方法について誰かが洞察を持っているかどうか疑問に思っていますか? サイトへのリンクはyetisandboxです

多分それはビューポートの問題ですか?私は現在これを使用しています:

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

時間をありがとう!

4

2 に答える 2

1

私もこれに遭遇しました。これは私のためにそれを修正しました:

html, body{
    overflow-x: hidden;
}
于 2012-10-05T01:17:15.507 に答える
0
.home-trail{
  ...
  width: 100%;
  position: absolute;
  ...
}
.home-intro{
  ...
  width: 1170px;
  margin-right: auto;
  margin-left: auto;
  ...
}

.home-trail コンテナーの幅は 100% で、絶対位置です。その親 .home-intro の幅はビューポートの幅よりも小さい場合がありますが、位置は静的です。そのため、100% は .home-intro の幅を参照していません。したがって、その 100vw ですが、親の margin-left に加えて left:0 プロパティがないため、左の距離が得られます。

于 2021-10-01T20:50:38.177 に答える