我在我的网站上使用全角背景,它在 div 容器之外扩展,参见。http://www.csselectronics.com/(接近尾声)。
这在桌面上运行良好,但我很难在移动设备上复制效果。我正在使用两种不同的 CSS 样式,通过基于屏幕宽度的设置加载:
<link rel="stylesheet" media="screen and (max-width: 600px)" href="http://canlogger1000.csselectronics.com/lightbox/FullWidth_Mobile_v17.css">
<link rel="stylesheet" media="screen and (min-width: 601px)" href="http://canlogger1000.csselectronics.com/lightbox/FullWidth_Big.css">
问题出在手机版上;如您所见,如果在移动设备上查看页面,背景颜色不会延伸到容器外以覆盖 100% 的可见宽度。我已经尝试了很多事情,但我总是遇到扩展视图以便用户可以水平滚动的问题,这是我想避免的。
任何帮助深表感谢!
马丁