我已经阅读了很多关于这件事的内容。大多数用户建议使用媒体查询，但我想知道是否有任何特定的100％工作方式可以让您的网站看起来很棒（元素不会失去他们的位置），即使在其他只有html / css的分辨率/浏览器上也是如此。如果没有，那么该怎么做？（回到媒体查询？）
我对css / html了解不多，但是当我尝试用另一台电脑或手机打开我的页面时，它看起来很糟糕 - （我为我的PC设计的页面分辨率）。 我也试过了＆＃39;％＆＃39;％＆＃39;，＆＃39; min-width＆＃39;和＆＃39; min-height＆＃39;但并没有那么好。
很抱歉，因为我问这个，即使可能有一个解决方案。我只是希望得到明确而直接的答案，所以我不会失去理智，甚至更加困惑。
由于
答案 0 :(得分：2)
媒体查询是流媒体网页设计的最佳选择。将媒体查询视为可以为每种或一系列屏幕尺寸创建的自定义预设。这是将流体设计注入您的网站的最佳方式。
答案 1 :(得分：1)
最简单的方法是使用bootstrap（http://getbootstrap.com/）。这是一些免费的开源css代码，它简化了很多事情，包括你正在尝试做的事情
编辑：正如其他人所说，媒体查询是最常见和最好的方式。 Bootstrap只是让您的网站在大多数屏幕尺寸上看起来很好的简单方法。答案 2 :(得分：1)
响应式网页设计围绕Media Queries展开。它能够定义某些分辨率以强制页面以特定方式显示该分辨率。这就是如何在不必创建3个不同的网页/应用程序的情况下，将单个网页呈现为手机，平板电脑和/或PC的原生网页。
理想情况下，您自己不想写这个。我建议使用以下库之一，然后构建这些库以满足您的需求：
现在，如果您不想使用图书馆或媒体查询，也许this example会有所帮助。我建议不要使用图书馆，也不要使用媒体查询。