l怎样设置html5video里的视频宽高

 我来答

1个回答

匿名用户
2016-12-05

展开全部

在css 样式中 @media 标签，控制屏幕宽度让其进行自动变化。

经常为不同分辨率设备或不同窗口大小下布局错位而头疼，可以利用@media screen实现网页布局的自适应。
      优点：无需插件和手机主题，对移动设备友好，能够适应各种窗口大小，只需在CSS中添加@media screen属性，根据浏览器宽度判断并输出不同的长宽值。
      以下是针对自用主题而写的css，对宽度768以下设备只保留主要文章框架，以便在有限的空间里获得最佳阅读体验。
示例代码如：

@media screen and(min-width:1200px) {
	#page {
		width: 1100px;
	}
	#content,.div1 {
		width: 730px;
	}
	#secondary {
		width: 310px
	}
}

@media screen and(min-width:960px)and(max-width:1199px) {
	#page {
		width: 960px;
	}
	#content,.div1 {
		width: 650px;
	}
	#secondary {
		width: 250px
	}
	select {
		max-width: 200px
	}
}

@media screen and(min-width:768px)and(max-width:959px) {
	#page {
		width: 900px;
	}
	#content,.div1 {
		width: 620px;
	}
	#secondary {
		width: 220px
	}
	select {
		max-width: 180px
	}
}

@media only screen and(min-width:480px)and(max-width:767px) {
	#page {
		width: 450px;
	}
	#content,.div1 {
		width: 420px;
		position: relative;
	}
	#secondary {
		display: none
	}
	#access {
		width: 450px;
	}
	#accessa {
		padding-right: 5px
	}
	#accessaimg {
		display: none
	}
	#rss {
		display: none
	}
	#branding#s {
		display: none
	}
}

@media only screen and(max-width:479px) {
	#page {
		width: 300px;
	}
	#content,.div1 {
		width: 300px;
	}
}


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

l怎样设置html5video里的视频宽高

其他类似问题

为你推荐：