随笔分类 -  html5

（转）移动端开发通用坑
摘要：1、click300ms延迟？ 讲道理，现在开发移动端基本是不会有这么一个问题的。但作为移动端以前的经典坑，我这里也拿出来说上一说吧。移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的。但在2014年的Chrome 3 阅读全文
posted @ 2019-05-22 21:33 请低下头 阅读(224) 评论(0) 推荐(0)
移动端系列讲解之字体单位
摘要：1.移动端字体单位现在主要有 em 、rem 、px 2.兼容性请传送点击这里 em: 所以我们在写CSS的时候，需要注意以下几点： rem: px: 总结： 阅读全文
posted @ 2016-08-03 17:45 请低下头 阅读(1522) 评论(0) 推荐(0)
ios 页面过长卡顿的情况
摘要：解决方案如下： 阅读全文
posted @ 2016-05-10 17:24 请低下头 阅读(378) 评论(1) 推荐(1)
移动web开发经验总结(转)
摘要：1.width可是宽度，initial-scale初始化缩放比例，maximum-scale允许用户缩 放的最大比例，minimum-scale允许用户缩放的最小比例，user-scalable是否允许用户缩放。2.-webkit-tap-highlight-color:rgba(255,255,2... 阅读全文
posted @ 2015-10-16 09:12 请低下头 阅读(209) 评论(0) 推荐(0)
-webkit-text-size-adjust: none;该如何处理
摘要：在中文版Chrome里面，网页CSS里所有小于12px的字体设置都无效，最终将显示12px。这样弄的本意可能是好的，因为中文一旦小于12px，就变得不易阅读。但中文版Chrome也会阅读英文网站啊！中文网页里面也会有英文的小字体设置需求啊！尤其是一些文字部份的设计，不小实在不好看，影响整个排版的美观... 阅读全文
posted @ 2015-08-27 14:41 请低下头 阅读(3301) 评论(0) 推荐(0)
关于移动端border 1像素在不同分辨率下边显示粗细不一样的处理
摘要：最近开发发现一个很有趣的问题 就是我如果给一个元素加上一个像素的 border 在不同的分辨率的情况下显示的不同 在高清屏幕（尤其是ios 喽 不鄙视国产） 据说在6plus下会变成3px 这个我就不知道了 因为我没有。。。那么我们换个单位行不行？ 因为移动端不用px来做 啊 对不起 你换了rem ... 阅读全文
posted @ 2015-08-27 09:53 请低下头 阅读(3554) 评论(0) 推荐(0)
html5小趣味知识点系列（一）required
摘要：都知道这个属性是检查你 是否填写了字段也就是说咱们不用判断输入的数值是否为空的情况了但是这个属性一定要和form配合在一起使用单独的使用是不可以实现的 required 阅读全文
posted @ 2015-08-26 16:31 请低下头 阅读(358) 评论(0) 推荐(0)
html5小趣味知识点系列（一）contentEditable
摘要：在这里纠正一下某些书籍说 这个修改后的文字内容是无法保存的 的错误必须发送到服务器进行保存才可以（因为我可以保存到内容）看代码吧 也许我理解的不对 可编辑 我是可以编辑的内容，快来编辑我吧 可以自己尝试一下 你发现你最新编辑的内容在你鼠标离开以后 会把你最新的修改的内容留到... 阅读全文
posted @ 2015-08-26 16:12 请低下头 阅读(521) 评论(0) 推荐(0)
html5小趣味知识点系列（一）autofocus
摘要：autofocus 阅读全文
posted @ 2015-08-26 16:00 请低下头 阅读(665) 评论(0) 推荐(0)
html5小趣味知识点系列（二）tabindex
摘要：tabindex 我也是可以获取焦点的哦 我获取不到焦点的！ 阅读全文
posted @ 2015-08-26 15:07 请低下头 阅读(196) 评论(0) 推荐(0)
html5小趣味知识点系列（一）spellcheck
摘要：发现一些h5的系ode知识点增加一些趣味性 实用性 不敢妄自评论 觉得有用就用一下 没用就路过一下spellcheck属性它的功能是针对用户输入的文本内容进行拼写和语法检查 用于input 和textarea 个人感觉 textarea更多一点吧！ Document 咱们去浏览器... 阅读全文
posted @ 2015-08-26 14:59 请低下头 阅读(393) 评论(0) 推荐(0)
output的使用
摘要：如果现在让你做一个滑动的效果 然后在右侧显示滑动停止以后的数值 那么很多人会选择input 和output 来使用 output 请选择一个数值 10 为什么不用span之类的行内元素呢？ 因为output他的语义救赎输出 还有比他更合... 阅读全文
posted @ 2015-08-24 14:42 请低下头 阅读(633) 评论(0) 推荐(0)
IOS下移除按钮默认美化样式
摘要：今天在做项目中发现 ios会自己美化按钮的样式 美化的一般都是加一个圆角 也就是常说的border-radius 属性 今天在弄一个input标签的时候加了一个border-bottom属性 但是发现那个底边框会有一点一点的犄角（大家可以自己看一下） 于是就尝试写了一个border-radius：0... 阅读全文
posted @ 2015-08-17 13:53 请低下头 阅读(274) 评论(0) 推荐(0)
苹果input点击页面稍微变大的问题
摘要：今天在群里看到有人问input标签点击以后在ios下页面会变大一点的问题 说实话我是没有遇到过后来解决了我看了一下代码 我明白了 不是我没有遇到过是因为我写的比较规范 所以没出现那样的问题 嘿嘿..废话不多说 看解决的代码其实就是这里的缩放 maximum-scale=1, maximum-scal... 阅读全文
posted @ 2015-08-14 15:42 请低下头 阅读(722) 评论(0) 推荐(0)
怎样去掉a标签的蓝框
摘要：直接上代码*{-webkit-tap-highlight-color:rgba(255,0,0,0);}我是直接给每一个都加了这个属性 其实没有必要 因为 只有a 标签 input 标签 和textarea 等form中的一些标签才会出现这种问题 所以你也可以只给需要家的加上 但是我比较懒 嘿嘿解释... 阅读全文
posted @ 2015-08-03 16:50 请低下头 阅读(1898) 评论(0) 推荐(0)
移动端rem布局
摘要：先介绍一下这个近年来突起的黑马 CSS3中新增的属性，从IE9开始兼容，手机端都兼容。参考的是这个标签的font-size。rem中的r就是root根的意思。所以rem要比em好用的多，因为em参考的是父亲的字号，和rem永远参考的是根元素（html标签）的字号。rem被发明，实际上是为了做字号的变... 阅读全文
posted @ 2015-07-23 15:02 请低下头 阅读(1600) 评论(0) 推荐(0)
移动端实用的meta标签
摘要：直接上代码,代码自有颜如玉 代码自有黄金屋啊 里边有注释 自己看一下就行了 其余的按照需求来写 一般的都在我这里了. 阅读全文
posted @ 2015-06-18 16:25 请低下头 阅读(235) 评论(1) 推荐(0)
关于移动端input框 在微信中 和ios中无法输入文字的问题
摘要：订单号 姓名 手机号 这个是一个提交的页面但是总是无法输入进去文字 在uc中是可以的 但是在微信中 或者ios自带浏览器是无法输入的 绞尽脑汁 找了半天 才发现自己多加了一段代码(这个代码是模版中自带的 我靠)代码如下/*-w... 阅读全文
posted @ 2015-06-16 11:29 请低下头 阅读(13124) 评论(3) 推荐(3)
关于iphone自动播放音频和视频问题的解决办法
摘要：大家都知道 做移动端 会遇到音频和视频无法自动播放问题（我也遇到了）于是想办法解决这个问题我只是找到了在微信中解决的办法（如果谁有在别的浏览器有这个办法 请私聊我 ）我是没有发现document.getElementById('demo').play(); //必须在微信Weixin... 阅读全文
posted @ 2015-06-10 09:51 请低下头 阅读(1500) 评论(0) 推荐(0)