瞧一瞧看一看

 分类:Html5+CSS3

css height:100%失效

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

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

移动前端开发总结

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

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

css去除webkit内核的默认样式

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

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

用css3 media 实现响应式布局

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

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

text-shadow文字特效

text-shadow文字特效
今天总结一下文字特效text-shadow,如果用好它可以做出各种不一样的效果,下图是我做出的几种效果。 怎么样,看起来很不错吧,下面贴代码。 /* css */ p{ width:300px; margin:0 auto; background:#e9e9e9;...

田丰硕 3年前 (2016-07-14) 2135℃ 8评论 0喜欢

html5语义化标签

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

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

移动前端开发(二)

移动前端开发(二)
1. -webkit-overflow-scrolling:touch iPhone和ipad浏览长页面滚动时,会有滑动效果,但是当用一个div使其局部滑动时,可以滚动,但是那种滑动效果就没有了。一般这时大多数实现的方法是使用iscroll等第三方插件。但是后来发现了-webki...

田丰硕 4年前 (2015-11-11) 1275℃ 1评论 3喜欢