这种方式做的移动Web页面，设计稿通常是按照960*640的规格进行设计，再开发的时候，通常会把里面量到的尺寸缩小一半再开发。移动web端页面设置详解涉及到了移动设备（ios, android）的屏幕尺寸问题，device-width指的是设备的物理宽度，width是页面宽度，这么做是为了兼容更多的...
分类：
移动开发 时间：
2015-10-20 15:16:29
阅读次数：
222
下载地址:http://brutaldesign.github.io/swipebox/<!DOCTYPEhtml>
<htmllang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1..
分类：
其他好文 时间：
2015-10-15 10:11:43
阅读次数：
168
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（init...
分类：
移动开发 时间：
2015-10-11 00:15:04
阅读次数：
240
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>面包屑式导航</title>
????<meta?name="viewport"?content="width=device-width,?user-scalable=no,?initial-scale=1"/...
分类：
其他好文 时间：
2015-09-28 19:34:20
阅读次数：
159
1、Smartphones (竖板和横板)@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* 你的样式写在这里 */ }2、Smartphones (横板)@media on...
分类：
Web程序 时间：
2015-09-28 08:44:25
阅读次数：
193
一、移动端多设备适配参考了手机淘宝：针对安卓所有设备，devicePixelRatio(简称dpr)，统一当作“1”处理，即一倍屏；然后viewport的宽度就等于device-width，但是淘宝的做法是没有对viewport的width做明确指定，仅指定了scale值；因为浏览器实际上会根据scale来设置viewport的..
分类：
移动开发 时间：
2015-09-24 19:30:41
阅读次数：
1443
正常的页面设置了<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1"> 之后 手机端的border细线 及时设置了1px的宽度也会虚化变宽。 如何解决这个问题，最简...
分类：
移动开发 时间：
2015-09-21 16:04:49
阅读次数：
304
@charset "utf-8";/** * iPhone 4/4s landscape & portrait */@media only screenand (min-device-width: 320px)and (max-device-width: 480px)and (-webkit-dev...
分类：
Web程序 时间：
2015-09-18 11:58:28
阅读次数：
169
方法一：在网页的中增加如下这段代码，可以让网页的宽度自动适应手机屏幕的宽度。width=device-width ：#表示宽度是设备屏幕的宽度initial-scale=1.0 ：#表示初始的缩放比例minimum-scale=0.5 ：#表示最小的缩放比例maximum-scale=2.0 ...
分类：
移动开发 时间：
2015-09-12 16:03:46
阅读次数：
258
来自(阮一峰的网络日志),个人收藏.1.允许网页宽度自动调整"自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放...
分类：
Web程序 时间：
2015-09-07 10:55:35
阅读次数：
144
