网站无法在较小的屏幕上正确显示答案

【问题标题】：Website not Displaying Properly on Smaller Screens网站无法在较小的屏幕上正确显示
【发布时间】：2016-07-27 20:29:41
【问题描述】：

我创建了一个网站，在大屏幕上看起来不错，但在笔记本电脑和移动设备等小屏幕上却无法正常显示，图像和文本相互移到一边。我对正在发生的事情感到非常困惑。

在这种情况下需要任何建议吗？

【问题讨论】：

【解决方案1】：

@media 查询是 css 属性，用于在移动设备上处理您的网站，因为移动设备的屏幕比 dekstop 小，所以我们需要使用@media 查询来处理它。

通过媒体查询，您可以为不同的屏幕尺寸编写不同的 css 以在所有屏幕上处理您的网站

阅读这个关于@media查询的w3schools简短教程：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

【讨论】：

【解决方案2】：

您的网站应开发为响应式网站。为此，您可以使用@media 查询，也可以使用引导程序等框架。

【讨论】：

【解决方案3】：

通过视口元标记网站是根据屏幕显示的。

<meta name="viewport" content="width=device-width, initial-scale=1">

【讨论】：