我正在开发一个在任何屏幕和设备上都必须可见的网站，前几天我看到了这个网站。
用谷歌chrome的开发工具检查页面，并"模拟"设备的宽度和高度，我发现页面适合任何分辨率和方向。
横向图像和iPhone
肖像上的图像作为三星设备
我想知道如何在不与css做太多斗争的情况下获得它。
提前谢谢。
附言：我也从我的手机三星galaxy S3 Mini上看了这个网站，它非常适合屏幕。
我会尽我所能让这个答案变得有用和切中要害：
你需要花几个小时阅读所有关于响应式网页设计和开发的内容，只有在那之后，你才能开始探索正确的工具，让你的CSS生活更轻松。
您在响应式开发中所做的很多工作也取决于您的应用程序。要使变得简单，您应该开始使用HTML、JavaScript和CSS。您使用的任何库都必须与这些语言中的任何一种直接相关。
一条重要的经验法则是：始终尝试使用CSS进行响应式开发，但如果由于的充分原因而无法进行，那么，也只有在那时，您才应该依赖JavaScript。如果你在阅读了我答案的第一段后没有明白为什么这很重要，那么你应该花更多的时间来研究响应式网站的设计和开发（这是值得的！）。
正如您将发现的，有许多技术和CSS库可以用于进行响应式web设计。我可以给你的一个指导方针是：你可以学会自己进行响应式开发，这在实践中会导致更精简的代码，也会帮助你了解更健壮的库是如何做到这一点的（例如Bootstrap等）。
- 学习并理解媒体查询
- 了解高级CSS争用，如mixin，以及如何将它们与#1结合起来，使您的编码生活更轻松
- 尽您所能了解网格和流体网格lexbox，这将帮助您进行个人和全局布局。确保你自己能做到！（这不是什么大挑战，一小步一小步，做一些教程）
- 开始深入研究一些整洁的CSS框架，如Foundation、Bootstrap和IonicFramework等。你必须花时间了解他们如何帮助你，他们能为你做什么，只提取你需要的东西（例如：我只需要使用网格系统），他们是社区驱动的吗？（重要的是不要依赖过时的工具）
- 不要忘记你的好朋友JavaScript（以及你可以使用的大量框架）。一定要赞美任何你无法用CSS实现的行为，以实现你的响应行为，而不是相反
- 最后但绝对不是最不重要的是跨浏览器兼容性：一旦你深入CSS，你往往会忘记始终使用跨浏览器兼容的技术。这需要大量的——自己动手——研究，但并不十分困难，只需坚持对你和你的实现有效的方法
所以。。。只有在你读了一些书，玩了代码，开始发现障碍之后，你才应该回到这里，开始问尽可能多的问题。这样，我们，社区，可以适当地帮助你。
祝你好运！
附言：这里有一篇有趣的小文章让你开始：圣杯布局