media="screen and (max-width:421px)"中的max-width在手机指的是什么

无尽_story 2014-06-10 07:32:15

网页中有一下两条媒体查询语句，
<link rel="stylesheet" type="text/css" media="screen and (max-width: 380px)" href="css/width320.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width:421px)" href="css/middle.css">

现在我用手机三星S3，UC浏览器做测试，然后利用这条语句alert($(window).width());来得到浏览器的宽度，得到的结果是360，
然后就调用了width320.css这个样式，请问这个360 是根据手机什么来的？

...全文

332 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

jio可 2016-08-26

打赏
举报

回复

$(window).width()是获取当前浏览器窗口的宽度

泥踩到偶的尾巴惹 2016-08-24

打赏
举报

回复

应该是浏览器的

Mediasoup-demo搭建在centos、ubuntu两个平台 Mediasoup-sample-server搭建 Mediasoup-ios客户端连接mediasoup服务器进行音视频通话 Mediasoup-Andriod客户端连接mediasoup服务器进行音视频通话

@media screen and ( min-width: 1200px) { } @media screen and ( max-width: 1199px) { } @media screen and ( max-width: 991px) { } @media screen and ( max-width: 974px) { } @media screen and ( ...

我们先来看下下面这段...@media screen and (max-width: 960px){ body{ background: #000; } } 这个应该算是一个media的一个标准写法，上面这段CSS代码意思是：当页面小于960px的时候执行它下面的CSS.这个...

但是在使用中却不小心写成@media screen and(max-width:768px){ } 本来就是菜鸟，因为一个空格，浪费了大量时间 //正确的 @media screen and (max-width:768px){ } //错误的 @media screen and(max-width:768px...

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"...width=device-width, initial-scale=1.0, minimum-scale=1,

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章