html5在iphone上视频不全屏播放设置

html5的video方式播放视频时,在安卓上是默认原来大小的,而在iphone上是默认全屏播放的。 解决方法: HTML5里video标签加上webkit-playsinline属性即可 <video id="player" width="480" height="320" webkit-playsinline=...

       时间 : 2015-10-22| 栏目 : html5| 浏览 : 3,440 次| 评论 : [阅读全文]

    HTML5中aside标签的使用

    <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 1)被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、名次解释,等等。 <article> <h1>…</h1> ...

         时间 : 2015-10-22| 栏目 : html5| 浏览 : 1,597 次| 暂无评论 [阅读全文]

      前端切图常见技巧

      对于程序员写程序来说,切图门槛的一般比较低,只要有一些ps基础,摸索个五分钟基本也就了解各大概。但是就跟其他的所有技能一样,切图也是有很多技巧性和经验在里面的,这些东西可以让你的切图工作更有效率,更有目的性。本文希望把我几年做切图的心得整理归纳一下,希望对各位前端,程序员,设计师有所帮助。 说明 我用photoshop c...

           时间 : 2015-07-11| 栏目 : html5| 浏览 : 1,493 次| 暂无评论 [阅读全文]

        <!DOCTYPE html> 声明真的很重要

        噩梦开始的源头:之前写html或者jsp页面,从来不注意doctype的声明,也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug:某一个页面在IE7和8,Chrome,ff等下正常,但是在IE9下显示有问题,我就开始找啊找,各种调试,各种log,终于在httpWatch里边找到了答案:DOCTYPE未声明。于是我给页面添加...

             时间 : 2015-04-01| 栏目 : html5| 浏览 : 1,611 次| 暂无评论 [阅读全文]

          移动前端开发之viewport的深入理解

          在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲,移动设备上的viewport就是设备的屏幕上能用来...

               时间 : 2015-02-08| 栏目 : html5| 浏览 : 1,493 次| 暂无评论 [阅读全文]

            Javascript与HTML5的canvas实现图片旋转效果

               我们在微博上可以对图片进行向左转向右转等旋转操作,让用户可以从不同的视角欣赏图片效果。本文将结合实例为您讲解如何使用Javascript结合相关技术来实现图片的旋转效果。我们使用HTML5的canvas标签可对图片进行旋转操作,对于ie6,7,8不支持HTML5的浏览器,我们使用IE特有的滤镜效果来实现图片旋转。 ...

                 时间 : 2014-08-10| 栏目 : html5| 浏览 : 1,450 次| 暂无评论 [阅读全文]

              HTML5 Canvas 填充与描边(Fill And Stroke)

              HTML5 Canvas 填充与描边(Fill And Stroke) 演示HTML5 Canvas Fill 与Stroke文字效果,基于Canvas如何实 现纹理填充与描边。 一:颜色填充与描边 颜色填充可以通过fillStyle来实现,描边颜...

                   时间 : 2014-08-10| 栏目 : html5| 浏览 : 1,488 次| 暂无评论 [阅读全文]