CSS响应式,比如淘宝首页在缩小到一定宽度会直接变成移动端页面_百度知 ...
发布网友
发布时间:2022-04-23 08:25
我来回答
共1个回答
热心网友
时间:2022-04-21 01:12
一起写的,它后面缩成小,是应为用display:none;隐藏了,然后用position:relative;调整,这要在css里加查询:@media only screen and (min-width:700px) and (max-width:90000px){
里面是查询浏览器的宽度,达到要求就执行这里的样式
}
IE8不支持可以用条件注释:
<!--[if IE]>用于 IE <![endif]-->
<!--[if IE 6]>用于 IE6 <![endif]-->
<!--[if IE 7]>用于 IE7 <![endif]-->
<!--[if IE 8]>用于 IE8 <![endif]-->
<!--[if IE 9]>用于 IE9 <![endif]-->
<!--[if gt IE 6]> 用于 IE6 以上版本<![endif]-->
<!--[if lte IE 7]> 用于 IE7或更低版本 <![endif]-->
<!--[if gte IE 8]>用于 IE8 或更高版本 <![endif]-->
<!--[if lt IE 9]>用于 IE9 以下版本<![endif]-->
<!--[if !IE]> -->用于非 IE <!-- <![endif]-->
APP开发:
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0" />追问谢谢啊,
我一直不太搞得懂条件注释
条件注释,
这个地方写什么内容?
这个地方写什么内容?
这个地方写什么内容?
这个地方写什么内容?
......
追答