css3
文章平均质量分 75
王艳
前端开发
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css3关于device-width /Viewport
一.device-width(输出设备的屏幕可见宽度-视口宽)分界点:1.手机: 240px 320px 360px 384px 400px 480px2.pad: 533px 600px 768px 800px 853px 1024px 1280px 1366px3.pc: 1280px 1366px 144原创 2013-07-11 18:29:16 · 1872 阅读 · 0 评论 -
CSS3的rem设置字体大小
来源:W3CPLUS在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EMS优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,但又无法不去用。真是进也难,退也难呀。最近在学习em的转载 2013-07-11 15:47:22 · 1220 阅读 · 0 评论 -
移动端webapp开发必备知识
转载自:移动终端开发必备知识移动设备的用户越来越多,每天android手机的激活量都已经超过130万台,所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验,以及给出几种可选的解决方案。一、基本概念(1) CSS pixels与device pixelsCSS pixels: 浏览器使用的抽象单位, 主要用来在网页上绘转载 2013-07-15 15:37:44 · 750 阅读 · 0 评论 -
什么是viewport?
转载自:什么是viewport,为什么需要viewport什么是viewport,为什么需要viewportviewport:视口,视觉窗口,显示区域。在显示面积上手机屏幕相对桌面显示器要小很多,在几年前(现在也如此)大部分网站都是为桌面显示器浏览而设计,很少考虑到适应手机屏幕,所以如果用手机浏 览大多网站时会出现问题,比如常见固定宽度的网页会出现横向竖向滑动条,当然这不算什么大问转载 2013-07-15 15:41:33 · 896 阅读 · 0 评论 -
webapp混合开发问题备忘
项目说明:1.header和footer部分用的原生开发,中间部分webview(html5开发);2.开发的js库用的jquery,但没用jquery的ui(改起来太费劲!!)问题:1.用jquery绑定点击事件后,有时候点击正常,有时候执行两次,接着会执行次数成倍增加,解决办法:先取消事件绑定,再重新绑定事件:如下: $("#ID").unbind('touchend');原创 2013-07-03 18:47:49 · 851 阅读 · 0 评论 -
移动设备分辨率-媒体查询1
常见的几种移动设备分辨率:320X480 现在最主流的低端安卓机都是这个分辨率;480X800 现在最主流的中高端安卓智能机的分辨率,包括 windows phone也是这个分辨率;640X960 iphone4,iphone4s所使用的分辨率;960x540 代表机型有HTC Sensation、摩托罗拉Atrix 4G;1024x768 i原创 2013-07-03 10:07:05 · 1384 阅读 · 0 评论
分享