你的位置:首页 > 软件开发 > 网页设计 > css3 @media 实现响应式布局

css3 @media 实现响应式布局

发布时间:2016-02-29 23:00:13
使用css3的@media,可以实现针对不同媒体、不同分辨率的响应式布局。方法1:根据不同分辨率使用不同css文件<link rel="stylesheet" media="mediatype and|not|only (media featu ...

使用css3的@media,可以实现针对不同媒体、不同分辨率的响应式布局。

方法1:根据不同分辨率使用不同css文件

<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">

例如

<link rel="stylesheet" media="screen and (max-width: 1024px)" href="middle.css" /><link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css" />

原标题:css3 @media 实现响应式布局

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。