使用媒体查询删除内容时,容器 div 不会更改其宽度
Container div doesn't change its width when content is removed using media queries
无法弄清楚如何在页面上做出适当的响应。已经尝试了我所知道的一切(明确设置宽度,溢出:隐藏)。页面在这里 – http://todaytmrrw.com/
问题是:无论如何,div.b-shareContent(主容器)的宽度为 1024px,主体高度为 1536px,所以当我在 phone 或开发者工具移动预览中打开页面时 –它看起来像是隐藏了一些内容的完整桌面版本。有什么想法吗?
Problem is: div.b-shareContent (main container) is 1024px wide
那是因为你告诉移动浏览器页面有那么宽,用这个:
<meta name="viewport" content="width=1024">
“通常”,对于那些应该只适应设备宽度的页面,可以使用
<meta name="viewport" content="width=device-width, initial-scale=1.0">
无法弄清楚如何在页面上做出适当的响应。已经尝试了我所知道的一切(明确设置宽度,溢出:隐藏)。页面在这里 – http://todaytmrrw.com/
问题是:无论如何,div.b-shareContent(主容器)的宽度为 1024px,主体高度为 1536px,所以当我在 phone 或开发者工具移动预览中打开页面时 –它看起来像是隐藏了一些内容的完整桌面版本。有什么想法吗?
Problem is: div.b-shareContent (main container) is 1024px wide
那是因为你告诉移动浏览器页面有那么宽,用这个:
<meta name="viewport" content="width=1024">
“通常”,对于那些应该只适应设备宽度的页面,可以使用
<meta name="viewport" content="width=device-width, initial-scale=1.0">