2016年11月16日
摘要: // 判断屏幕是否旋转 function orientationChange() { switch(window.orientation) { case 0: alert("肖像模式 0,screen-width: " + screen.width + "; screen-height:" + screen.heig... 阅读全文
posted @ 2016-11-16 16:48 半夏微澜ぺ 阅读(1817) 评论(0) 推荐(0)
摘要: 为ipad制作web应用程序的启动画面时发现个问题,只能显示竖屏图,横屏图出不来,如下: 首先页面头部里要加入(这个是APP启动画面图片,如果不设置,启动画面就是白屏,图片像素就是手机全屏的像素) 重点在下面: 两张图片必须符合宽高标准才能正常显示: startup_portrait.png 768 阅读全文
posted @ 2016-11-16 10:28 半夏微澜ぺ 阅读(2271) 评论(0) 推荐(0)
摘要: 这个属性是当用户把连接保存到手机桌面时使用的图标,如果不设置,则会用网页的截图。有了这,就可以让你的网页像APP一样存在手机里了 在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签,如果设置了相应 阅读全文
posted @ 2016-11-16 10:22 半夏微澜ぺ 阅读(3925) 评论(0) 推荐(0)
摘要: 表单元素(input, textarea, button, a)在手机中点击时会出现边框: webkit浏览器 单击事件 高亮 颜色 该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见(-webkit-t 阅读全文
posted @ 2016-11-16 10:13 半夏微澜ぺ 阅读(309) 评论(0) 推荐(0)
摘要: iphone在设置了initial-scale=1 之后,我们终于可以以1:1 的比例进行页面设计了。 关于viewport,还有一个很重要的概念是:iphone 的safari 浏览器完全没有滚动条,而且不是简单的“隐藏滚动条”,是根本没有这个功能。 iphone 的safari 浏览器实际上从一 阅读全文
posted @ 2016-11-16 10:00 半夏微澜ぺ 阅读(1843) 评论(0) 推荐(0)
摘要: 强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开,如果不规范将不会起作用。 其中:width – viewport的宽度height – viewport的高度initial-s 阅读全文
posted @ 2016-11-16 09:56 半夏微澜ぺ 阅读(126) 评论(0) 推荐(0)