我可以使用媒体查询来有效地创建一个单独的移动网站吗?

响应式设计基于媒体查询的概念,以特定设备和视口大小为目标。考虑到这一点,您可以在给定移动视角的情况下编写初始CSS,然后使用媒体查询在视口大小增加时选择性地提供额外的样式。这可能与响应式设计通常采用的方法相反:先大后小。

使用移动第一视角,我们首先在较小的平台上加载绝对的基本要素。这会带来一种更快捷的体验,避免不必要的延迟。额外的资源严格按照需要加载到能够很好地处理它们的平台。

使用媒体查询时:使用 min-width 结束 min-device-width 以确保最广泛的体验。使用元素的相对大小以避免破坏布局。

这些是我在设计移动网站时通常遵循的一些很好的准则。

移动web设计的7个关键原则

1. 按重要性排列基于最流行和/或重要内容的移动设计

2. 一切都应该可用。。。或者至少是用户正在寻找的大部分内容。

3. 限制导航选项。。。对你放在前面和中间的信息要谨慎

4. 按钮很重要。。。使用大小适合单击的元素

5. 观看媒体。。。留意过大的图像文件、加载过多不必要字符的臃肿字体,以及某些移动操作系统无法播放的Flash等格式的视频。

6. 弹出窗口有问题。。。不要向手机访问者扔太多弹出式调查或注册框,他们会很生气的。

7. 不需要太多文本。。。当你用拇指打字时,表格很难填写。

进一步阅读: Google's web design basics , Mobile first - why it's great and why it sucks

这很有可能。取决于站点的DIV结构。 我想你可以使用显示器:没有;但这同样取决于结构和样式。