如何使我的网站可以针对不同的设备进行调整，而不是比我打开的窗口宽？

Question

很抱歉，但我已经尝试了我在互联网上找到的所有提示。不知何故，该网站仍然只在我自己的计算机上看起来很好看，而且在我的智能手机上非常糟糕。至少，我想让它更窄。已经尝试过max-width。 that's my site

目前在"body"

中看起来像这样

{

    background:  url(pics/background.png) ; 
    background-attachment: fixed;
    background-width: 100%


    background-repeat: no-repeat;
    background-size: cover;
}

如果需要整个代码，我可以附上它，虽然没有什么值得骄傲的。

Answer 1

您需要的是响应式网页设计（RWD），以便为不同的设备宽度创建网站。在互联网上查找以找到许多教程。

此外，我注意到您正在使用表格来创建网站布局。使用表创建布局会引发许多问题。您应该首先学习创建适当的布局。 http://learnlayout.com/似乎有很好的教程。

更简单的方法是使用Twitter Bootstrap的网格系统来创建布局。你要做的就是添加类来创建合适的布局。