对于我设计的网站，我有一个特殊的问题。在计算机上查看网站，滑动横幅显示正确。它与页面对齐。但是，当我在移动设备上查看我的网站时，横幅会一直对齐到页面左侧。我假设我的index.css文件中存在某些内容，无论是否存在。
我的页面上有另一个滑动横幅，它在移动设备和计算机上都是对齐的。但由于某种原因，索引上的横幅给我带来了困难。有人可以帮我看一下吗？
我的网站是EHVWellness.com
答案 0 :(得分：0)
首先验证你的html和css。修复错误：
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fehvwellness.com%2F：
5个错误，1个警告
错误（39）警告（29）
您的样式表缺失：
找不到档案：http://ehvwellness.com/index_common_textstyles.css：未找到
答案 1 :(得分：0)
包含div [{1}}的左/右边距为＆＃39; auto＆＃39;。当在给定宽度的块的任一侧存在空白时，这有效地使块对齐。在移动设备上没有额外的空白区域，因此“自动”的价值就是“自动”。为0时，容器div被向右推到屏幕的左边，而滑块则用它。
我认为你抱怨的是你可以滚动到滑块的最右边？这是由于一些不好的CSS。你有一个绝对位置元素，并试图控制宽度，以像素为单位。
您需要做的是删除元素.container_div。在div #graybgnomerge的CSS中，将图像添加为背景图像并定位：
.full_width但是，上述内容基于具有非常特定的监视器大小的人。如果你改变显示器的宽度，那么图像将向左/向右移动，你将看到徽标上的文字（这就是你绝对定位它的原因吧？）。作为一个更永久的解决方案，获得一个没有文字的横幅：）