优酷视频自适应屏幕的方法

将优酷视频嵌入网站时需要指定长和宽的像素,这对手机等终端十分不友好。因此我们可以用javascript让优酷的视频自适应屏幕。

以上为一段优酷提供的视频,需要指定长和宽,其实,我们可以用javascript获取屏幕的宽度,再乘以相应的比率,从而让视频自适应屏幕大小。

先给iframe制定一个id video 然后加入以下代码:

即可自适应屏幕尺寸。

foundation中row不能充满浏览器的解决方法

foundation是一个优秀的前端框架,但开发时发现foudation中row的布局不能充满整个浏览器。打开foudation.css发现row的样式中有一项max-width,将其调大即可。

定义以下样式,在需要的地方加入即可:

 

介绍一个优秀的前端框架 foundation

foundation是一个优秀的前端框架,默认响应式布局。很好用。使用方法和bootstrape类似。

    官方网站