IOS下给input设置高度及行高后,光标大小与高度一致,及其影响美观。但在安卓手机上显示没有这个问题。解决办法:去掉input的行高即可。
主要会发生在webview里多一点,当点击后退时页面以缓存形式出现,而不是刷新后的,很多情况下这不是你预期的效果,解决方法是用js
移动端select下拉选择设置direction: rtl;右对齐实现,select::-ms-expand { display:none; }禁用select默认箭头
默认情况下设备会自动识别任何可能是电话号码的字符串,设置telephone=no可以禁用这项功能,设置不识别邮箱和地址也同理
appearance: none、HTML标签的label属性、label标签结合select标签使用。
HTML元素:active伪类常用于设定点击或其被激活状态下的样式。但在ios中,需要在相关的元素或者body上绑定ontouchstart事件才能使元素的:active生效。
IOS下input获取焦点,弹出软键盘导致页面回缩问题,内容被顶上去。不妨试试input失去焦点或者点击确定后通过javascript平滑滚动Element.scrollIntoView()让你的内容滚动到浏览器可视区域。
当你使用 Google Chrome浏览器访问 HTTP 网站,浏览器会显示“不安全”警告,这是 Google 在 Chrome 68 开始推出的一个特性。自 iOS 11.3 和 macOS 10.13.4 开始,“Safari 浏览器”会在您浏览不安全的网站时,显示“网站不安全”警告。
IOS下css设置元素平滑滚动,为内容溢出的滚动元素添加如下样式:overflow-y:auto;-webkit-overflow-scrolling: touch;