Question

我是网页设计的初学者，我将自己的网站用于分配目的，纯粹使用代码而没有视觉设计软件。

我完成了页面＆amp;提交浏览器兼容性。它看起来很好，但只显示移动设备上的底部列向右略微移动我再次在我的Android平板电脑和iPhone上测试并得到了相同的结果。

我试过 - 重置CSS。

清除较少的位置：绝对将边距更改为填充设置但它仍然是一样的。

任何人都可以帮我查看代码并告诉我如何解决这个问题吗？

CSS： www.relicsnelves.comoj.com/style.css（抱歉尝试在这里发布CSS但失败了......）

html :(抱歉试图在这里嵌入代码，但失败了。）请看 http://jsfiddle.net/qNjfF/`

    <div id="col1">
        <a href=# target="_blank"><h3>New paper - "Paper Title"</h3>
        <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h4> </a></div>

        <div id="col2">
            <a href="" target="_blank"><h3>Latest tour - "State Fetishes"</h3> 
            <img src="images/gallery/tour/IB18-01.jpg" alt="" width=auto height=300px></a></div>


        <div id="col3">
            <a href="" target="_blank"><h3> New exhibit - "Governor of Chile"</h3> <img src="images/gallery/exhibit/Ch10-22.jpg" alt="" width=auto height=300px ></a> </div>

        <div id="clear"></div>
            <div id="col4">Curated by
                <img src="" width=100px; height=40px > </img>
                <img src="" width=100px; height=40px> </img></div> 


    </div>`

查看此处

relicsnselves.comoj.com/index.html

非常感谢！

页面布局在移动设备上稍微向右移动

0 个答案: