前端开发

IOS下input光标大小调整

2019-12-0242次阅读IOS
IOS下给input设置高度及行高后,光标大小与高度一致,及其影响美观。但在安卓手机上显示没有这个问题。解决办法:去掉input的行高即可。
前端开发

移动端浏览器后退不刷新

2019-11-06145次阅读IOS
主要会发生在webview里多一点,当点击后退时页面以缓存形式出现,而不是刷新后的,很多情况下这不是你预期的效果,解决方法是用js
前端开发

移动端select下拉选择设置问题

2019-11-06127次阅读css3IOS
移动端select下拉选择设置direction: rtl;右对齐实现,select::-ms-expand { display:none; }禁用select默认箭头
前端开发

移动端启动或禁用自动识别页面中的电话号码;

2019-11-0676次阅读IOS
默认情况下设备会自动识别任何可能是电话号码的字符串,设置telephone=no可以禁用这项功能,设置不识别邮箱和地址也同理
前端开发

移动端下select折腾一二

2019-10-24121次阅读IOScss3html5
appearance: none、HTML标签的label属性、label标签结合select标签使用。
前端开发

移动端按钮点击效果伪类:active实现

2019-10-24171次阅读css3IOS
HTML元素:active伪类常用于设定点击或其被激活状态下的样式。但在ios中,需要在相关的元素或者body上绑定ontouchstart事件才能使元素的:active生效。
前端开发

IOS下input获取焦点,弹出软键盘导致页面内容被顶上去

2019-06-26415次阅读javascriptIOS
IOS下input获取焦点,弹出软键盘导致页面回缩问题,内容被顶上去。不妨试试input失去焦点或者点击确定后通过javascript平滑滚动Element.scrollIntoView()让你的内容滚动到浏览器可视区域。
前端开发

Google Chrome and ios Safari 对 HTTP 网站显示不安全警告

2019-04-09453次阅读IOS
当你使用 Google Chrome浏览器访问 HTTP 网站,浏览器会显示“不安全”警告,这是 Google 在 Chrome 68 开始推出的一个特性。自 iOS 11.3 和 macOS 10.13.4 开始,“Safari 浏览器”会在您浏览不安全的网站时,显示“网站不安全”警告。
前端开发

IOS下css设置元素平滑滚动

2019-03-26500次阅读cssIOS
IOS下css设置元素平滑滚动,为内容溢出的滚动元素添加如下样式:overflow-y:auto;-webkit-overflow-scrolling: touch;