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



在我的网站上,我有以下问题:

调整不同分辨率(尤其是移动设备)的元素和内容的大小。这是网站

我正在iPad和14英寸笔记本电脑上测试它。我在笔记本电脑上工作,当然一切对我来说都很好,但是当我尝试通过iPad进入时,一切都完全混乱(好吧,不是那么凌乱,但看起来不太好)。iPad是第一代。

如果有人能在这件事上提供帮助,我将不胜感激。

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

尝试使用 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/

第一个链接是我通过保管箱分享的CSS3书,第二个链接将带您到一个网站,该家伙试图详细解释这些步骤。

您可以使用的另一个选项是引导框架,这是Web开发人员的独家框架工作,特别是用于帮助您使用CSS,javascript内容。

最新更新