基本上，我正在为Android手机设计网站，但是，我发现这些手机有很多不同的分辨率。最大的问题是有些手机的高度为800px，其他手机的高度仅为320px lol。我假设我需要做流畅的布局，但是我仍然对如何使移动网站填满整个用户的屏幕感到困惑，如果它比800px高的800px高，仍然看起来很好。
我创建了一个移动网站，但是通过使用模拟器（在某些设备上看起来像一个小图标）意识到它看起来像是在不同的Android设备上完全废话。
我发现这个堆栈溢出问题类似于我的问题：Tips for optimizing a website for Android's browser?
该人称他使用的是Meta标签：HandheldFriendly和viewport，它可以解释实际的设备大小，因此不会调整大小，但随后他提到了“CSS媒体查询”。他给出了css媒体查询的例子：
@import url(style-screen.css) screen;
@import url(style-small.css) print, handheld;
@import url(style-large.css) screen and (min-width: 801px);
@import url(style-small.css) screen and (max-width: 800px);
我假设这是针对不同的屏幕尺寸，但我仍然不明白他在做什么。我一直在寻找几个小时试图找到教程，告诉我如何基本上这样做，但移动是如此新的我不认为有很多资源或我错过了它们。我见过android网站，但它似乎是应用程序开发人员，他们只是列出屏幕大小，但不知道如何使他们的好网站填补整个人的屏幕大声笑。
如果有人有任何专家或提示或链接，他们可以与我分享，以了解如何使移动网站填满整个手机（或接近它），而不是有一个小图标，这是我的移动网站所看到的它。感谢。
（我还想添加一些当然优化的优秀移动图像，但不确定它是如何工作的，这也会流畅吗？）