允许网页宽度自动调整"自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为...
分类：
Web程序 时间：
2015-04-04 11:53:38
阅读次数：
126
看到这个题目你可能不信，促使我探究这个问题的缘由是几次项目中Chrome模拟器和iPhone6真机预览效果不一致。为什么在Chrome Emulation模拟手机页面和真机预览效果不一致？以前觉得不外乎两个原因：1.某些机型或浏览器对一些CSS属性不支持。2.某些设备不支持12px以下字体。今天要补充第3个原因：对于iPhone手机还会与手机系统设置的显示模式、设备硬件有关。...
分类：
其他好文 时间：
2015-03-19 13:22:28
阅读次数：
151
@-ms-viewport,@viewport {width: device-width;}用于适配不同屏幕，因为在IE10的捕捉模式（snap mode）下，Windows 8 Metro模式下的一个特性，可以将浏览器拖至屏幕的左端或右端，同时使用两个窗口。奇怪的是， 要解决这个问题，开发者就要使...
分类：
移动开发 时间：
2015-03-14 10:51:10
阅读次数：
211
前端 <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>测试</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="descr...
分类：
Web程序 时间：
2015-03-09 13:00:24
阅读次数：
205
在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。其中：width=device-width ：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例u...
分类：
移动开发 时间：
2015-03-06 14:02:58
阅读次数：
150
一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-sc....
分类：
移动开发 时间：
2015-03-03 15:04:09
阅读次数：
128
前提修改文档声明，如有疑问，请看文章手机web2.0网页文档属性@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}@media screen and (max-device-width: 4...
分类：
其他好文 时间：
2015-03-03 13:12:05
阅读次数：
143
在查看bootstrap教程中，碰到 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 后，在群兄弟小胡帮助下，知道viewport含义： ? ? ViewPort?<meta>标记用于指定用户是否可以缩放Web页...
分类：
Web程序 时间：
2015-02-28 14:47:41
阅读次数：
131
公司是开发cocos2dx的游戏，需要一个简单的公告展示，一方面公司没有html5的技术力量储备，另一方面公司在手机网页上面也没有适配的经验，最后这么一个苦逼的活就被丢在了WebView上面了。
/**
* html不使用
* content="width=device-width" webView自定义控件，尺寸不是屏的
* 幕大小
*/...
分类：
移动开发 时间：
2015-02-25 11:41:15
阅读次数：
298
<!--<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><linkrel="stylesheet" href="../../../ui/jquery.mobile-1.4.5/jquery.mobi..
分类：
移动开发 时间：
2015-02-14 01:23:36
阅读次数：
307
