css - 如何检查我的网站是否响应？

Question

我的任务是将一个已经托管的网站转换为响应式网站。我的 CSS 工作知识低于平均水平。

在那次探索中，我听说了媒体查询。我寻找解决方案，但我得到的是更多的困惑。媒体查询？我尝试了 responsinator.com 并检查了我的网站。其实我不知道如何知道一个网站是否响应。

我的网站适合手机屏幕。页眉和页脚会自动调整。

有一个很大的 slider ，它只是被裁剪了，但仍然加载图像并且工作正常。如果我的网站是响应式的，为什么会裁剪 slider ？

要制作响应式 CSS，我是否必须对现有 CSS 中的值进行任何更改？或者我是否必须将我的样式(无需任何编辑)添加到下面给出的媒体查询中。

@media(max-width:480px){
/*PUT YOUR CLASSES STYLES HERE*/
}

Answer 1

您的媒体查询定义了要查看的 css 的哪一部分，可以将其视为 if 语句。

当它落在您的 css 文件中的媒体查询中时，您的 css 已定义为适合该屏幕尺寸，

仅仅因为当您缩小屏幕时您的页面对象被裁剪并不能使您的网站响应，

最好带上您的手机或平板电脑访问您的网站，如果用户界面简单、容易且流畅，那么您不必担心，但如果您在手机上的桌面风格网站与您在手机上的小键盘一样宽键盘，你有一些工作要做。