HTML - CSS - 当分辨率低于一定数量时在网站底部添加额外空间

标签 html css mobile-website

我的网站一直有一个奇怪的问题 http://www.restowarehouse.co.uk

当在移动设备上查看本网站的桌面版本时,或者您使用 chrome 上的开发人员工具重新创建移动分辨率时,会出现一个大的莫名其妙的空间。我该如何摆脱它?

示例:http://www.drivewayrestore.co.uk/images/Unwantedspace.png

最佳答案

您的#container 的宽度为 1299 像素。如果您使用 600 像素宽的屏幕访问该页面,它只占用屏幕的一半页面,因为它在右边多了 699 像素。

将你的CSS更改为

#container { width: 100%; }

而且有效。

关于HTML - CSS - 当分辨率低于一定数量时在网站底部添加额外空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32223713/

相关文章:

html - 如何在浏览器调整大小中管理分区

html - 如何将div移动到屏幕的右侧

javascript - jQuery 偏移量在某些页面上计算不正确

css - 如何使行内 block 元素填充行的剩余部分?

css - 如何使移动网站在 iPhone 4(Retina 屏幕)和 Android 手机上看起来都不错?

html - 移动网站字体大小和换行

javascript - 使用 ng Repeat 将 Angularjs $index 传递到 onchange 中,输入类型为 file

javascript - 为什么我的 bootstrap 缩略图在我的 Jumbotron 里面?

css - Twitter Bootstrap - Glyphicons

javascript - 如何解决PHP网站测试中的每个AMP错误