无法弄清楚如何在网页上做出正确的响应。已经尝试了我所知道的一切(明确设置宽度,溢出:隐藏)。页面在这里 - http://todaytmrrw.com/
问题是:div.b-shareContent(主容器)宽1024px,身高1536px无论如何,所以当我在手机或开发者工具移动预览中打开页面时 - 它看起来像一个完整的桌面版本一些隐藏的内容。有什么想法吗?
答案 0 :(得分:1)
问题是:div.b-shareContent(主容器)是1024px宽
那是因为你告诉移动浏览器这个页面很宽,用这个:
<meta name="viewport" content="width=1024">
“正常”,对于应该适应设备宽度的页面,可以使用
<meta name="viewport" content="width=device-width, initial-scale=1.0">