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