移动网页开发
文章平均质量分 83
StarsInSun
现在做的事情如果没有一点困难,你正在浪费时间。
展开
-
移动端重构系列1——前期准备工作
移动端重构系列1——前期准备工作转载 2014-07-23 16:08:55 · 487 阅读 · 0 评论 -
移动端重构系列3——整体布局
移动端和pc端一样整体上布局也可以分为上中下三部分,如图: 一般来说,header和footer部分都为fixed定位,中间的内容区域可滚动。 fixed布局 常规的结构如下: ... 因为移动端单页面特性,所以每个page为一个页面,然后整体使用wrap-page包裹。考虑到可滚动的为page内容,所以我们得给wrap-page一个具体的高转载 2014-07-23 16:11:28 · 787 阅读 · 0 评论 -
移动端重构系列2——新建空白页面
html5文档申明 html> head> meta charset="UTF-8"> title>Documenttitle> head> body> body> html> meta标签 meta标签 meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=转载 2014-07-23 16:10:13 · 436 阅读 · 0 评论 -
CSS选择器的优化
浏览器如何识别你的选择器 首先我们需要清楚,浏览器是如何读取选择器,以识别样式,并将相应的样式附于对应的HTML元素,达到美化页面的效果。Chris Coyier曾在《Efficiently Rendering CSS》一文中说过“浏览器读取你的选择器,遵循的原则是从选择器的右边到左边读取。换句话说,浏览器读取选择器的顺序是由右到左进行”。比如说: div.nav > ul li转载 2014-07-24 17:24:42 · 562 阅读 · 0 评论