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

【问题标题】：Container div doesn't change its width when content is removed using media queries使用媒体查询删除内容时，容器 div 不会更改其宽度
【发布时间】：2016-01-13 18:56:41
【问题描述】：

无法弄清楚如何在页面上做出适当的响应。已经尝试了我所知道的一切（显式设置宽度，溢出：隐藏）。页面在这里 - http://todaytmrrw.com/

问题是：div.b-shareContent（主容器）的宽度为 1024 像素，主体高度为 1536 像素，所以当我在手机或开发者工具移动预览版中打开页面时，它看起来像一个完整的桌面版本隐藏了一些内容。有什么想法吗？

【问题讨论】：

能否请您提供解决问题的代码，以便我们查看您已经尝试过的内容。

标签： css responsive-design media-queries

【解决方案1】：

问题是：div.b-shareContent（主容器）是 1024px 宽

那是因为您告诉移动浏览器页面是那么宽，这样：

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

“通常”，对于应该只适应设备宽度的页面，可以使用

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

【讨论】：

没错。这个页面的标题是由 php 包含的，所以我最初无法在那里找到硬编码的 1024。非常感谢。