モバイル Web ページに関するいくつかの小さな問題_html/css_WEB-ITnose

最近、モバイル Web ページを作成するときにいくつかの小さな問題に遭遇しました。この問題は Android 2.x で発生しました。

最初に発生する問題は、携帯電話が overflow:scroll をサポートしていないことです。Android の以前のバージョン (4.0 より前) では、overflow:scroll 属性がサポートされていません。この問題を解決する方法は、スクロールする必要がある要素に touchstart イベントと touchmove イベントを追加し、各スクロールの前回の座標と今回の座標の差を判断してスクロール方向を決定し、同時にscrollTop (上下にスクロール）およびscrollLeftプロパティの値。

小さな問題が 2 つあります。1 つは、丸い角のサポートが不十分であることです。角丸属性の値は、パーセンテージまたは通常の数値にすることができます。しかし、あるページ上に角が丸い要素が 2 つあるのを見たことがありますが、1 つは丸く、もう 1 つは正方形でした。最後に、コードを確認したところ、Android の以前のバージョンでは角丸のパーセンテージ値がサポートされていないことがわかりました。そのため、この問題を解決する方法はパーセンテージを使用しないことです。もう1つの質問は、テーブル内の要素の配置についてです。tdの右上隅に絶対的に配置する必要がある要素があります。tdが相対的に配置され、要素が絶対的に配置されている場合、結果は正常に表示されます。ただし、4.0 では、要素はブラウザの右上隅に、親要素を参照せずにブラウザに相対的に表示されます。試してみたところ、この問題は td に要素 (相対配置) を追加することで簡単に解決できることがわかりました。そうすれば、配置する必要がある要素の参照配置要素がその親要素を正しく参照するようになります。