随笔分类 - webapp
摘要:本文主要是介绍开发移动端web相册这样一案例用到的前置知识。 一、移动端样式 移动端更接近手机原生的方式。 如下是一个angular mobile的demo的例子: 移动端demo做成这样的好处: 在手机端浏览器中打开,接近原生app应用。 打包成Android或者ios的app,以原生app呈现
阅读全文
摘要:了解移动web viewport的知识,主要是为了切图时心中有数。本文主要围绕一个问题:切图时怎样设置<meta name="viewport">相关参数?围绕这个问题对viewport展开讲解。 一、viewport【此处的viewport即layout viewport】概念 移动设备的view
阅读全文
摘要:了解移动web像素的知识,主要是为了切图时心中有数。本文主要围绕一个问题:怎样根据设备厂商提供的屏幕尺寸和物理像素得到我们切图需要的逻辑像素?围绕这个问题以iphone5为例讲解涉及到的web像素相关知识。 一、前置知识 1、 iphone5的相关参数 iPhone 5 处理器 苹果A6处理器,1.
阅读全文
摘要:官网:http://cubiq.org/iscroll-5 demo: 滚动刷新:http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/ 'Carousel' demo iScroll功能很强大,目前我只用来 自定义滚动条 以下简单介绍
阅读全文
摘要:移动端IOS知识普及:IOS标准分辨率:1242px * 2208px切片要求:1、 设计稿是按标准分辨率1242X2208设计,图片资源尺寸则是3倍图尺寸,将整个设计图压缩成750X1334,图片资源尺寸则是2倍图尺寸,在二倍图的基础上压缩成50%,图片资源尺寸则是1倍图尺寸;2、产品效果图独立切...
阅读全文
摘要:一、概述 浮动在移动布局中不再重要,flex盒模型越来越重要。 - W3C 2009年第1次草案:[display:box;](https://www.w3.org/TR/2009/WD-css3-flexbox-20090723/)- W3C 2011年第2次草案:[display:flexbox
阅读全文
摘要:一、viewport宽度起源:PC端的网站要显示在移动端有什么问题?如果把移动端的可是区域设置到(320-768)的话,大部分网站都会因为太窄而显示错乱所以浏览器默认把viewport【这个viewport指的是layout viewport】设置为一个较宽的值980px或者1024px,至少保证P...
阅读全文