如何在移动设备上获得全宽背景?

时间:2017-07-02 23:47:08

标签: css mobile horizontal-scrolling full-width

我在我的网站上使用全宽背景扩展到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%的可见宽度。我尝试了很多东西,但是我总是遇到一个问题,我扩展了视图,以便用户可以水平滚动,我想避免。

非常感谢任何帮助!

马丁

1 个答案:

答案 0 :(得分:0)

你的意思是“强大,简单,经济实惠”等底部的块?

没有简单的方法可以在不更改HTML的情况下执行此操作,除非您沿着这些行添加class ElasticMaterial(Material): def __init__(self,StressState,e,nu,alpha): Material.__init__(self,StressState) if self.StressState=='threed': lv=6 else: lv=4 self.e=e self.nu=nu self.alpha=alpha 或其他内容以强制块溢出容器,但这会导致您提到的水平滚动。

如果您将块从常规容器中取出并使用新的HTML块,则更容易的方法。

所以它会,(粗略的例子)

select only mondays