Div在不同的屏幕上崩溃

Question

当我在18英寸屏幕上编码我的网站时，一切看起来都很完美！但是，一旦我到了我的Mac（13英寸），一切都变得很大，div正在崩溃，一切都看起来极度放大。我知道这与尺寸和位置有关，但我需要进一步的帮助。

这个代码中碰巧出现的一个CSS是不对的？

#client_play {
    position: relative;
    padding-top: 125px;
    padding-left: 560px;
    padding-bottom: 200px;
}

链接到页面：like4fame.com/rsps/index.html

链接到我的css：http://like4fame.com/rsps/css/css.css

Answer 1

解决此问题的一个很好的起点是删除代码中的position: absolute，position: relative和position: fixed样式。

您还希望避免使用<center>并与text-align: center或margin: 0 auto一起使文字或div居中。

从代码中删除所有这些样式应有助于您获得适合多种屏幕尺寸的更好的整体网站。

我同意上面的jfriend00关于阅读响应式网页设计的内容。