Html 我如何使我的网站可针对不同的设备进行调整,且宽度不超过打开的窗口?

Html 我如何使我的网站可针对不同的设备进行调整,且宽度不超过打开的窗口?,html,css,Html,Css,对不起,我已经试过了我在网上找到的所有窍门。不知何故,这个网站只在我自己的电脑上看起来还不错,而在我的智能手机上却非常糟糕。至少,我想把它窄一点。我已经试过最大宽度了。 目前它在“body” 如果需要完整的代码,我可以附加它,尽管没有什么值得骄傲的。您需要的是响应式web设计(RWD),以创建不同设备宽度的网站。在互联网上查找它可以找到许多教程 另外,我注意到您正在使用表来创建网站布局。使用表创建布局将引发许多问题。你应该先学会创建正确的布局。似乎有很好的教程 更简单的方法是使用Twitter

对不起,我已经试过了我在网上找到的所有窍门。不知何故,这个网站只在我自己的电脑上看起来还不错,而在我的智能手机上却非常糟糕。至少,我想把它窄一点。我已经试过最大宽度了。

目前它在
“body”


如果需要完整的代码,我可以附加它,尽管没有什么值得骄傲的。

您需要的是响应式web设计(RWD),以创建不同设备宽度的网站。在互联网上查找它可以找到许多教程

另外,我注意到您正在使用表来创建网站布局。使用表创建布局将引发许多问题。你应该先学会创建正确的布局。似乎有很好的教程


更简单的方法是使用Twitter引导的网格系统来创建布局。您所要做的就是添加类来创建适当的布局。

我希望有一个更简单的方法,因为我发现自己无法处理RWD,但非常感谢您的打扰!您可以使用Twitter引导为您完成这项工作。你需要他们的网格系统。你所要做的就是使用他们的课程,甚至都没想过!谢谢!如果答案对您有帮助,请将其标记为正确答案。:)看看这个:切换到响应性框架更容易,一旦切换,你的生活就会更轻松。引导看起来不错。你的网站内容不多,所以你可以很容易地切换到框架。为了了解Bootstrap,这里有一个链接:谢谢你们的链接,伙计们!请勿访问问题中的网站,因为它包含恶意软件。
{

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


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