可调整我的网页，以适应不同的分辨率和移动设备

Question

在我的网站上，我有以下问题：

调整不同分辨率的元素和内容，尤其是在移动设备上。这是website

我在iPad和14英寸笔记本电脑上进行测试。我在笔记本电脑上工作，当然一切看起来都不错，但是当我尝试通过iPad进入时，一切都非常混乱（不是那么混乱但是看起来不太好。 iPad是第一代。

如果有人能就此事提供帮助，我会非常感激。

如果您希望我从网站本身提供某种代码，请问，我会发布解决此问题所需的任何内容。

Answer 1

尝试使用CSS3媒体查询， 以下是两个有用的链接，可以帮助您入门。

1. https://www.dropbox.com/s/9244et7g0hi5fwl/The%20Book%20of%20CSS3%20-%20A%20Developer%27s%20Guide%20to%20the%20Future%20of%20Web%20Design%20-%20by%20Peter%20Gasston.pdf?dl=0
2. http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

第一个链接是我通过dropbox共享的CSS3书籍， 第二个链接将带您到一个网站，其中的家伙试图详细解释步骤。

您可以使用的另一个选项是bootstrap框架，它是Web开发人员的专属框架工作，尤其适用于帮助您使用CSS，javascript内容。