随笔分类 -  移动端适配

1像素边框问题
摘要：以iPhone5为例子： 设备分辨率为1136*640 dp → （1136^2+640^2)开根号除以4 英寸屏幕 算得 等于326ppi → 326ppi 属于 Retina屏幕，dpr=2 → 1px = dpr^2 * dp （这是1个像素正方形由4个dp组成）→ 所以 iPhone5 的屏 阅读全文
posted @ 2016-05-19 09:04 mingjixiaohui 阅读(730) 评论(0) 推荐(0)
移动Tab 和 touch事件
摘要： 阅读全文
posted @ 2016-04-26 20:59 mingjixiaohui 阅读(256) 评论(0) 推荐(0)
移动端 顶部、底部和内容之间的小技巧 用flex布局来解决
摘要：用flex来解决 flex基本布局 阅读全文
posted @ 2016-04-26 19:07 mingjixiaohui 阅读(1150) 评论(0) 推荐(0)
图片移动端高清适配问题 image-set 属性和@medie标签
摘要：@media标签 阅读全文
posted @ 2016-04-26 15:41 mingjixiaohui 阅读(3658) 评论(0) 推荐(0)
meta与link标签
摘要：meta标签 很多人认为这不就是一个普通的头部内容吗？是的，他们很普通。熟悉的DTD文档,熟悉的字符编码“utf-8”。但这些并是不最重要的，重要的是里面的<meta>标签，这些<meta>标签在移动开发中是必不可少的一部分。虽然这样的文章介绍在网上可以到处找到，但了能让大家更系统的玩转Ratche 阅读全文
posted @ 2016-04-25 14:52 mingjixiaohui 阅读(880) 评论(0) 推荐(0)
iPhone6 Plus、iPhone6、iPhone5S和之前版本真实分辨率
摘要：设备 屏幕尺寸 分辨率(pt) Reader 分辨率(px) 渲染后 PPI iPhone 3GS 3.5吋 320x480 @1x 320x480 163 iPhone 4/4s 3.5吋 320x480 @2x 640x960 330 iPhone 5/5s/5c 4.0吋 320x568 @2 阅读全文
posted @ 2016-04-25 14:50 mingjixiaohui 阅读(350) 评论(0) 推荐(0)
弄懂Favicon
摘要：当Alec Rust问及HTML5 Boilerplate项目是否可以提供切换成高DPI的favicon的时候，我才意识到我对网站图标（favorite icon），触摸图标（touch icons），和磁贴图标（tile icons）知之甚少。当我决定稍稍深究一下的时候却发现一些有趣的事情。 自从 阅读全文
posted @ 2016-04-12 10:03 mingjixiaohui 阅读(4988) 评论(0) 推荐(1)
rem 单位计算javaScript
摘要：123 阅读全文
posted @ 2016-04-05 15:55 mingjixiaohui 阅读(278) 评论(0) 推荐(0)
移动端适配简易步骤
摘要：手机端全部适配简易步骤，不确保没有bug。 1、HTML 的 head 部分中加入如下代码： 其中 width：viewport 的宽度，可以指定为一个像素值，如：640，或者为特殊的值，如：device-width （设备的宽度）。 initial-scale：初始缩放比例，即当浏览器第一次加载页 阅读全文
posted @ 2016-03-24 10:21 mingjixiaohui 阅读(8518) 评论(0) 推荐(1)