瞧一瞧看一看

标签:html5

Html5+CSS3

css height:100%失效

css height:100%失效
有时做移动端页面时,需要用到height:100%来控制,但是设置完后会发现,用百分比的高是不生效的。 经过上网浏览等查阅资料得知,是否可以使用百分比是根据父级对象定义的。所以解决方法就是在body和html,加上height:100%;就可以了。下面看代码。 html,bod...

田丰硕 3年前 (2016-12-13) 1358℃ 2评论 0喜欢

Html5+CSS3

移动前端开发总结

移动前端开发总结
移动前端开发,也就是webapp,主要是针对Iphone、Android等高端手机。 1、禁止用户屏幕旋转。 这点可以肯定的说是做不到的,之前因为有项目需要禁止屏幕旋转,所以网上查阅了大量的资料,发现根本没有解决办法,在移动版webkit中根本做不到。苹果api也说明了,我们为了...

田丰硕 3年前 (2016-12-13) 1286℃ 0评论 1喜欢

Html5+CSS3

css去除webkit内核的默认样式

css去除webkit内核的默认样式
做移动端的朋友应该知道,iphone的默认按钮是个很恶心的圆角,select下拉框也有默认样式无法修改。 这时候可以用到 –webkit–appearance:none //去除默认样 在按钮和select样式里加入上面css,效果如下图。 css...

田丰硕 3年前 (2016-12-13) 1158℃ 0评论 0喜欢

Html5+CSS3

用css3 media 实现响应式布局

用css3 media 实现响应式布局
响应式布局,说直白点就是一个网站能够兼容多个终端,可以按不同的分辨率显示不同的状态。而实现这个就要用到css3的Media Queries(媒介查询)。这个功能非常的强大,但是有优点的同时,缺点也是会存在的。那就是兼容各种设备工作量大,效率低下,加载时间长等。但是学起来很容易,看...

田丰硕 3年前 (2016-12-13) 935℃ 0评论 0喜欢

Html5+CSS3

html5语义化标签

html5语义化标签
  在工作上虽然大多数都是移动端的webapp,但是用到的html5语义化标签还是不多,大部分还是以div这个容器为主,今天就来整理一下那些html5新增的容器标签。   1、header,主要包括hgroup和h1-h6,可以是网页的头部,也可以是不同段落的...

田丰硕 4年前 (2015-11-15) 4210℃ 9评论 4喜欢