diff --git a/supply.html b/supply.html index 207f2b8..4141a28 100644 --- a/supply.html +++ b/supply.html @@ -8,22 +8,20 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; margin: 0; - padding: 0; + padding: 20px; background-color: #f5f5f5; color: #333; - font-size: 14px; - overflow-x: hidden; - touch-action: pan-y; } .container { - max-width: 100%; + max-width: 1200px; margin: 0 auto; background-color: #fff; + border-radius: 8px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + padding: 20px; min-height: 100vh; - overflow-x: hidden; - overflow-y: auto; - -webkit-overflow-scrolling: touch; + box-sizing: border-box; } /* 顶部标题栏样式优化 */ @@ -1049,6 +1047,39 @@ } } + /* iOS设备优化 */ + @media screen and (max-width: 768px) { + /* 防止iOS设备上的页面拖动 */ + body { + -webkit-overflow-scrolling: touch; + overflow-x: hidden; + } + + /* 确保容器不会溢出 */ + .container { + overflow-x: hidden; + position: relative; + } + + /* 优化标题栏在iOS上的显示 */ + .title-bar { + position: relative; + z-index: 100; + } + + /* 优化按钮布局在iOS上的显示 */ + .supply-actions { + flex-wrap: wrap; + gap: 8px; + } + + .supply-actions button { + flex: 1; + min-width: 80px; + text-align: center; + } + } + /* 选择弹窗 */ .select-modal { position: fixed; @@ -1271,51 +1302,7 @@ - - - -