响应式标头比移动屏幕更大

时间:2016-06-29 15:22:51

标签: android html ios css responsive

我的网站上有一个相当简单的标题,如下所示:www.botlink.us。它的设计是为了响应,所以当我减小页面的宽度时,它会变成一个不同的标题,右边有一个图标,下拉链接菜单。在我的桌面上,它工作得很漂亮。减少页面的宽度,标题没有问题。然而,当我切换到移动设备时,由于某种原因,无论如何,标题宽度都保持在700像素。有什么想法的原因?

(当我弄清楚确切原因是什么时,我会用实际代码改进这个例子。现在,所有代码都链接在上面。)

1 个答案:

答案 0 :(得分:0)

在这种情况下,问题是我的html中有一个元素(一个带有白色背景的div标签,所以它混合在一起并很难捕获,因为div中的元素随着其余部分移动屏幕缩小的页面,设置得更宽。我找到了问题,通过我的CSS样式搜索字符串'700px',这是标题所坚持的宽度。然后我找到了代码并能够重新配置宽度以解决问题。

相关问题