所以我正在开发我的第一个移动版本的网站之一，而我正在反对在我看来这是一个关于布局和缩放的非常困难的问题。
如何制作一个在各种设备（从3.7“机器人到9.7”iPad）上看起来不错的移动网站？
然后如何让它在肖像和风景中看起来很好？
现在我正在使用“background-size”CSS3属性设置为“cover”来缩放背景，然后使用一些JS来根据屏幕大小缩放内容。
虽然我在这个问题上看到了几个SO问题，但似乎都没有给我提供我需要的洞察力。任何方向都将不胜感激。
您可以在http://danielcampbell.net/RKAdler/
查看我的进度预览我在手机上看到的进度：
在您的手机上打开它或下载移动可视化工具，例如Ripple extension for Chrome
安装完成后，转到RK Adler网站，点击右上方的图标@并选择“启用”，启用Ripple。
答案 0 :(得分：0)
尽量避免为主要布局使用像素。例如，不是为#wrapper元素定义宽度和高度，而是使用100％。使用百分比调整的元素中的所有内容都将随之缩放。
你应该在reponsive网页设计上查看一些资源，最近它们就像很多房间一样突然出现:)
查看以下网站： Slideshow by Netlash
A great example and slideshow about it一定要查看他们的演示代码
A google search - Google是您的朋友！