移动端
harmsworth2016
这个作者很懒,什么都没留下…
展开
-
解决ios系统在safari浏览器中添加web应用程序到主屏幕,打开子链接会跳转到safari的问题
解决ios系统在safari浏览器中添加web应用程序到主屏幕,打开子链接会跳转到safari的问题前言ios系统的safari浏览器有一个功能可以将web应用程序添加到主程序,使得web程序像app一样全屏显示操作。代码<!-- 在 `head` 标签中添加描述 `html` 元数据的标签。表示允许该应用以全屏运行 --><meta name="apple-mobil...原创 2019-07-05 23:53:55 · 5189 阅读 · 0 评论 -
meta标签的format-detection的作用
前言meta 标签中 format-detection 的作用是校验电话号码、邮箱和地址的格式,在 ios 系统中,通过校验的字符串的颜色会变成蓝色,并且有下划线。默认值开启校验。这种对符合规则的字符自动校验的方式让一名前端工程师觉得页面失去了自己的控制,所以在页面关闭这种校验。效果<!-- 即使未添加属性 `name` 为 `format-detection` 的 `meta` 标签...原创 2019-07-12 08:03:34 · 502 阅读 · 0 评论 -
禁止IOS系统Safari浏览器缩放网页
前言在移动端如何禁止浏览器缩放网页?具体需要添加网页的元数据,即 meta 标签。还需阻止一些事件的默认行为。演示允许缩放禁止缩放(添加 meta 标签)仅仅在部分安卓浏览器可以生效,IOS的Safari浏览器无法禁止缩放禁止缩放(添加 meta 标签并阻止一些事件的默认行为)安卓和IOS的浏览器都可以生效代码禁止缩放(...原创 2019-07-17 08:10:29 · 4036 阅读 · 2 评论 -
移动端常见bug汇总001
前言最近在掘金上看到一篇讲解移动端常见 bug 的文章,遂全部在 github 上实现之,然后使用手机打开对应的网页,就可以观察到具体的 bug 到底是什么样子,本人对于移动端仅仅处于了解阶段,故写下这篇博客,记录自己在移动端的积累。点击样式闪动屏蔽用户选择移动端如何清除输入框内阴影禁止文本缩放如何禁止保存或拷贝图像解决字体在移动端比例缩小后出现锯齿的问题参考https://...原创 2019-07-20 16:24:24 · 276 阅读 · 0 评论