Question

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

在那个任务中，我听说过媒体查询。我找了一个解决方案，但我得到的更多是混乱。媒体查询？我尝试了responsinator.com并检查了我的网站。实际上我不知道如何知道网站是否有响应。

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

有一个很大的滑块，它只是被裁剪，但仍然加载图像，工作正常。如果我的网站有响应，滑块怎么会被裁剪？

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

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

Answer 1

This我通常会测试我的网站是否有响应，它允许您在所有浏览器和设备上进行测试。

Answer 2

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

当它属于您的css文件中的媒体查询时，您的css已定义为满足该屏幕尺寸，

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

最好带上你的手机或平板电脑并访问你的网站，如果用户界面简单，轻松，顺畅，那么你不必担心，但如果你手机上的桌面风格的网站和你的小键盘一样宽键盘，你有一些工作要做。

Answer 3

从我的经历来看，转换＆＃34;相当困难。一个静态的网站变成一个响应的网站，特别是如果你没有良好的CSS知识。尝试找到具有固定宽度的元素，并通过试验max-width和procentual width值使它们变得流畅。希望这会有所帮助。