WebView 对 iPhone X 适配
摘要：html5网页 因为目前就职公司采用的H5响应式驱动的主体项目，app 都是基于的 webview 开发，当 iPhone X 上市后，适配促成了新的兼容任务。 新属性 为了更好的适配 iPhone X，iOS 11 新增了几个特性用于处理那诡异的刘海屏。苹果公司还对 iPhone X 的屏幕内容作
阅读全文
posted @ 2019-02-23 10:35
我不忙,泡你不如泡面
一个不爱写博客的程序员博客
文章分类 - HTML5/CSS3
60个有用CSS代码片段
摘要：1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： (ps:【译】如何实现CSS居中？–CSS居中常用方法)使用这个技巧，从单行文本、段落到box，都会垂直对齐。目前浏览器对Transform的支持是需要关注的
阅读全文
posted @ 2016-05-28 09:31
移动Web开发技巧汇总
摘要：1. 添加到主屏后的标题（IOS） <meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式（IOS） 当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果） <meta na
阅读全文
posted @ 2016-03-03 09:15
取代cookie网站追踪技术：”帆布指纹识别”初探
摘要：一般情况下，网站或者广告联盟都会非常想要一种技术方式可以在网络上精确定位到每一个个体，这样可以通过收集这些个体的数据，通过分析后更加精准的去推送广告(精准化营销)或其他有针对性的一些活动。Cookie技术是非常受欢迎的一种。当用户访问一个网站时，网站可以在用户当前的浏览器Cookie中永久植入一...
阅读全文
posted @ 2014-08-08 09:51
HTML5 audio 详解
摘要：标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条1 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度height：视频高度1获取HTMLVideoElement和HTMLAudioElement对象1//audio可以直接通过new创建对象2Media = newAudio("http://www.abc.com/test.mp3");3//au
阅读全文
posted @ 2014-03-14 14:48
ie旋转滤镜Matrix(计算公式)
摘要：旋转一个元素算是一个比较常见的需求了吧，在支持CSS3的浏览器中可以使用transform很容易地实现，这里有介绍：http://www.css88.com/archives/2168，这里有演示http://www.css88.com/tool/css3Preview/Transform.html，就不再介绍了。在IE下旋转一个元素，则只能靠滤镜了。如果只是以90度为单位旋转的话，简单地使用这个滤镜就好：filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=i)其中i取0，1，2，3，分别代表旋转90度、180度、270度、
阅读全文
posted @ 2014-03-13 09:16
CSS3 transform旋转属性在IE浏览器里的实现
摘要：目前越来越多的浏览器兼容CSS3标准了，就连IE浏览器老大哥也开始向CSS3低头，微软宣布IE9浏览器支持更多的CSS3属性，IE9更注重HTML5标准。不过CSS3里有一个使对象旋转的属性transform rotate，号称兼容CSS3的浏览器对它的支持也不算好，好在Firefox、Webkit和Opera这些浏览器都已经提供了官方的hack去支持这个属性。唯独在IE浏览器里对这个transform属性无法通过一般的CSS写法去实现。在W3C官方的标准里，通过transform属性使对象旋转的写法如下：transform: rotate(40deg); /* 其中40是旋转的角度 */可是
阅读全文
posted @ 2014-03-13 09:15
