WebAPP ViewPort iPhone5 黑边解决方案

- - 大猫の意淫筆記

最好先仔细看一遍苹果官方文档 Configuring the Viewport. 容易被忽略的就是即使 width=640的时候,scale=1是按照device-width而不是按照640的大小. iPhone 的 device-width 等于320,如果我设置 width=640,scale=1.

[原]WebAPP开发之viewport的深入理解

- - woshiwanxin102213的专栏

平常移动端开发中，页面的head中都会引入下列这句话，那Viewport是什么，理解了这个才能让我们开发的网页更好适配不同的移动设备. Viewport是手机屏幕上能用来显示我们的网页的那一块区域. 但是viewport并不等于浏览器的可视区域. 可以自定义，自定义后，手机按这个尺寸的比例在可视区域缩放.

webapp适配基准

- - 崔永键的博客

移动端网络流量已经超过pc. 基准a： android 4.x 占了60%左右，2.3x在30%左右. ios6.x的safari也占比很大. 基准b：考虑一下 ios5. 基准c：考虑下ios4，以及android2.x. 分辨率：第一组 “520*xxx”以下的为一组，第二组“640*xxx，800*xxx，720*xxx”等分为一组.

理解SVG的viewport，viewBox，preserveAspectRatio

- - Web前端 - ITeye博客

一个svg，设置了viewBox之后，viewBox的长宽值如果都小于svg的viewport的长宽值，那么结果一定是放大；但是viewBox的长宽值一旦有一个值大于vewport之后，最后的实际效果就不是放大，而是缩小了. 因为viewBox的目的是要自己设置的长宽范围填满viewport.

非响应式设计的viewport

- - 前端观察

整理自： Viewport Meta Tag For Non-Responsive Design. 中文原文：非响应式设计的viewport. 请尊重版权，转载请注明来源，多谢～～. 大家已经非常熟悉响应式网页设计了吧，但是我们通常会忽略很多旧的没有采用响应式设计的网站，其实这类网站在移动终端的用户体验更为关键——因为它们没有对移动设备做任何优化.

利用css @viewport 做设备适配

- - 进步博客

在需要调整设备浏览器的viewport时，我们通常在HTML中使用来解决. 但是令人意想不到的是，viewport meta标签并不具有“规范性”，即它不是W3C的正式标准，也非Web标准. Apple公司率先在其iPhone中的Safari浏览器中实现了viewport meta标签，其他浏览器厂商也快速采纳了它.

webkit webApp 开发技术要点总结

- - ITeye博客

如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢. 幸好，webkit内核的浏览器能帮助我们完成这一切. 接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家：. 对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，.

移动webapp开发小贴士

- - 移动开发 - ITeye博客

1 创建主屏幕图标（Creating a home screen icon ，for ios）. 2 启动画面图像（Creating a splash screen， for ios）. 3 全屏（Making it full-screen， for ios）– 更像本地App. 4 改变状态栏（Changing the phone status bar, for ios）.

iPhone5 虚拟镭射键盘

- 林十四 - 先看看|创意产品,创意设计,创意生活

旧金山团队Aatma Studio在iPhone5上塑造了一个很酷的概念，使得这台手机拥有可收放自如. 的虚拟镭射键盘，它投影在桌面上，可自由旋转，缩放，调节亮度，操作完毕后直接将其“丢”. 先看看|创意产品,创意设计,创意生活 |逛逛我们的创意网店.

WebAPP ViewPort iPhone5 黑边解决方案

ViewPort 详解

什么是 WebAPP?

WebAPP 在 iPhone5 下的黑边 bug

相关 [webapp viewport iphone5] 推荐：