说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了。然后随着手机的流行,web app和hybrid app的开发,都用到了css3技术,在css3中,新增了许多单位,rem、vw和vh、vmin ...
说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了。然后随着手机的流行,web app和hybrid app的开发,都用到了css 技术,在css 中,新增了许多单位,rem vw和vh vmin和vmax ch和ex等等,那现在对这些单位分别做一下详细的介绍吧。 em 做前端的应该对em不陌生,不是什 ...
2017-03-07 00:04 4 895 推荐指数:
说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了。然后随着手机的流行,web app和hybrid app的开发,都用到了css3技术,在css3中,新增了许多单位,rem、vw和vh、vmin ...
1.禁止a标签点击高亮,这些都是非官方属性,但实用性超强 2. 行级,块级元素居中显示 以前我们要将文字居中显示的做法是 text-align: center; ...
@media (min-width: 320px){html{font-size: 42.6667px;} } @media (min-width: 360px){html{font-size: 48 ...
移动端 h5开发相关内容总结——CSS篇 移动端开发视窗口的添加 媒体查询的改进 a标签内容语义化 为自己的页面设置最大宽度和最小宽度 去掉 ainput 在移动端浏览器中的默认样式 禁止 a 标签背景 禁止长按 aimg 标签长按出现菜单栏 ...
1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 其它相关配置内容 ...
1.input标签: 页面背景图安卓机上input调起键盘css属性值不能用vh单位(安卓4.4以下不支持vh),input不能是absolute,否则压缩背景图或者背景图不和input一同被顶起。 input调起键盘遮挡输入框解决办法: 2.一些好用第三方插件: h5 ...
最近一直在做手机App H5的开发,在开发过程中,经常会遇到很多滑动事件,写个demo,分享自己的一些写法。(如写的不好,轻喷!) 直接贴代码 html css代码 js代码 var slideDom = document.getElementById ...
这2年来,移动h5开发逐渐成为一种主流,也不断趋向于成熟。硬件和浏览器的不断更新,曾经的浏览器兼容也不再是开发者的噩梦。 接触h5开发一年多,从最初的新手到现在,陆陆续续遇到过很多坑。这里把想到的一些经验与资源罗列出来,给刚入h5的同学带来一些帮助。该文章会持续更新。 内容比较多,可以点击下方 ...