使用媒体查询删除内容时,容器div不会更改其宽度

时间:2016-01-13 10:49:44

标签: css responsive-design media-queries

无法弄清楚如何在网页上做出正确的响应。已经尝试了我所知道的一切(明确设置宽度,溢出:隐藏)。页面在这里 - http://todaytmrrw.com/

问题是:div.b-shareContent(主容器)宽1024px,身高1536px无论如何,所以当我在手机或开发者工具移动预览中打开页面时 - 它看起来像一个完整的桌面版本一些隐藏的内容。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

  

问题是:div.b-shareContent(主容器)是1024px宽

那是因为你告诉移动浏览器这个页面很宽,用这个:

<meta name="viewport" content="width=1024">

“正常”,对于应该适应设备宽度的页面,可以使用

<meta name="viewport" content="width=device-width, initial-scale=1.0">