css的link media属性
来源:百度知道 编辑:UC知道 时间:2024/06/22 19:19:26
谁能给我解释下media属性这种带and、only的用法,是在一个国外教程里看到的,按理是应该对ie有效的,但是我放到页面里以后,根本没生效。
<link media="screen and (min-device-width: 481px)"
rel="stylesheet" type="text/css" href="default.css"/ >
<!--[if !IE] > -->
<link media="only screen and (max-device-width: 480px)"
rel="stylesheet" type="text/css" href="iphone-ipod.css"/ >
<!-- < ![endif]-->
<link media="screen and (min-device-width: 481px)"
rel="stylesheet" type="text/css" href="default.css"/ >
<!--[if !IE] > -->
<link media="only screen and (max-device-width: 480px)"
rel="stylesheet" type="text/css" href="iphone-ipod.css"/ >
<!-- < ![endif]-->
这两段的前后顺序颠倒一下
media SCREEN 是对于定义计算机屏幕的
国外的网站不多见这,在国内基本不用
一般我就这样写media=“all”
适用于所有浏览媒体
media="screen and (min-device-width: 481px)"这句话可能是用于PDA浏览网页时定义网页宽度的
我解决不了
很是对不起