摘要: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>页面加载时遮罩效果</title> <script type="text/javascript" src="js/jquery-1.4.1.min.js"></script> <st 阅读全文
posted @ 2018-06-14 18:58 轻舟经年 阅读(1439) 评论(0) 推荐(0)
摘要: 一 像素知识 1.1 设备像素(device pixel) 它是物理概念,指的是设备中使用的物理像素(Physic pixel)。这个单位用px表示,它是一个[相对绝对单位]————即在同样一个设备上,每1个设备像素所代表的物理长度(如英寸)是固定不变的(即设备像素的绝对性); 但在不同的设备之间, 阅读全文
posted @ 2018-06-14 18:46 轻舟经年 阅读(315) 评论(0) 推荐(0)
摘要: 1、WebApp全屏模式: 1、WebApp全屏模式: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=n 阅读全文
posted @ 2018-06-14 18:40 轻舟经年 阅读(484) 评论(0) 推荐(0)
摘要: 1、启动画面 <link rel="apple-touch-startup-image" href="start.png"/> iOS下页面启动加载时显示的画面图片,避免加载时的白屏。 可以通过madia来指定不同的大小: <!--iPhone--> <link href="apple-touch- 阅读全文
posted @ 2018-06-14 17:32 轻舟经年 阅读(245) 评论(0) 推荐(0)
摘要: 转过来,平时看看。 1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在 阅读全文
posted @ 2018-06-14 17:30 轻舟经年 阅读(471) 评论(0) 推荐(0)