使用移动设备浏览网页的时候，会发现有的网页可以缩放，有的不可以。这是为什么呢？这是因为网页的meta中有个属性控制的。这个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览。meta中的viewport总共有5个属性，分别如下：其中...
分类：
移动开发 时间：
2014-10-03 00:27:53
阅读次数：
312
自适应网页设计的概念和方法，即可使网站在多种浏览设备（从桌面电脑显示器到智能手机或其他移动产品设备）上具有更好的阅读体验，这里简要的整理一下。 1、在HTML头部增加viewport标签。 在网站HTML文件的开头，增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度，且不进行初.....
分类：
其他好文 时间：
2014-10-01 18:37:01
阅读次数：
140
1）地球人都知道采用标签： <meta?name="viewport"?content="width=device-width,height=device-height,inital-scale=1.0,maximum-????scale=1.0,user-scalable=no;">
<meta?name="apple-mobile-web-app-...
分类：
移动开发 时间：
2014-09-27 14:47:50
阅读次数：
249
<!DOCTYPEhtml><html><head><metaname="viewport"content="width=device-width"/><title>KoTest</title></head><body><h1>方法1</h1><uldata-bind="foreach:fruits"><lidata-bind="click:$root.clickHdr..
分类：
其他好文 时间：
2014-09-26 20:02:59
阅读次数：
180
meta标签：width: viewport 的宽度 （范围从 200 到 10,000 ，默认为 980 像素 ） height: viewport 的高度 （范围从 223 到 10,000 ） initial-scale: 初始的缩放比例 （范围从>0到 10 ）minimum-scale: ...
分类：
Web程序 时间：
2014-09-22 18:59:52
阅读次数：
416
近日，微博上有朋友比较纠结未知高度的文本垂直居中问题。这个和「未知高度图片垂直居中」有些类似，但是有一些细节需要注意。
这里有之前写的一个未知宽高对话框的垂直居中（拖动改变大小看是不是依然居中？），只不过对话框是相对于 viewport（视口）居中的，这里的文字需要的是相对于容器垂直居中。
拿到这样的需求时，先不要想着如何兼容 IE6/7。先想想文字垂直居中靠什么属性？vertical...
分类：
其他好文 时间：
2014-09-22 16:11:22
阅读次数：
210
Android浏览器默认预览模式浏览 会缩小页面WebView中则会以原始大小显示Android浏览器和WebView默认为mdpi。hdpi相当于mdpi的1.5倍ldpi相当于0.75倍三种解决方式：1 viewport属性 2 CSS控制 3 JS控制1 viewport属性放在HTML的中H...
分类：
移动开发 时间：
2014-09-21 15:17:40
阅读次数：
228
Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport
感谢自学IT网的燕十八老师 <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale...
分类：
Web程序 时间：
2014-09-18 09:57:24
阅读次数：
325
一些基本概念viewport: 展现网页的媒体，比如窗口或者某个区域，它的大小是有限制的，为了不被平台术语所束缚，我们给他起名viewport，中文意思就是视口。canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间，而且这些空间通常尺寸会超过viewport的大小，于是实际上我们需要...
分类：
其他好文 时间：
2014-09-17 10:00:52
阅读次数：
289
