我创建了一个网站，在大屏幕上看起来不错，但是在笔记本电脑和移动设备这样的小屏幕上它显示不正确，图像和文本互相移动。我真的很困惑正在发生的事情。
对这种情况需要任何建议吗？
答案 0 :(得分：1)
@media查询是css属性，用于在移动设备上处理您的网站，因为移动设备的屏幕小于dekstop，因此我们需要使用@media查询来处理它。
使用媒体查询，您可以针对不同的屏幕尺寸编写不同的CSS，以便在所有屏幕中处理您的网站
阅读这篇关于@media查询的w3schools简要教程：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
答案 1 :(得分：0)
您的网站应该作为响应式网站开发。为此，您可以使用@media查询，也可以使用bootstrap等框架。
答案 2 :(得分：0)
通过viewport metatag网站根据屏幕显示。
<meta name="viewport" content="width=device-width, initial-scale=1">