私はcssでそれほど多くの経験を持っていません。iPhoneでhtmlをテストしています。問題は、div が表示されないことがありますが、それでもタッチに反応することです。Mac マシンに接続して Safari でデバッグすると、インスペクターに div が表示されますが、デバイスでは非表示になります。
iPadで同じことをテストすると、divが非表示の場合は縦向きで、向きを変更すると表示されます。ここで起こっている魔法がわかりません。これに関する専門家のガイダンスが必要です。HTML DIV を表示したいのですが、タッチも有効にする必要があります。助けてください。
私が使用しているcssは次のとおりです。
#container {
margin-left: 0px;
margin-top: -20px;
padding-right: 0px;
background-position: 0px -2px;
background-repeat: no-repeat;
position: absolute;
-webkit-transform-origin: 0px 0px;
-webkit-transition-timing-function: cubic-bezier(0.1, 0.25, 0.1, 1.0);
background-color: yellow;
-webkit-transform-origin-x: 0px;
-webkit-transform-origin-y: 0px;
-webkit-transition-duration: 0ms;
-webkit-transform: translate3d(0px, 0px, 0px);
}