网站从浏览器到平板电脑都响应，但是在移动设备上没有响应。我该如何纠正？

Question

我使用HTML，CSS，Bootstrap 4和jQuery创建了一个投资组合网站。该网站在浏览器上和平板电脑模式下似乎运行良好。但是，当我在手机上查看站点时，似乎可以滚动到空白区域，横幅图像中的文本似乎被剪切掉了，“关于我”部分中的图像也缩小了。如果我对它的解释不太好，请访问www.reallybilly.com。

我玩弄了不同的观点，并使用@media尝试了不同的宽度，似乎没有任何作用。

Products Change date
X        10/12/2018
Y        06/12/2018

我希望它能够完全响应，而不必重做整个项目。

Answer 1

通过检查您的网站，删除“ padding：100px;”从您的#about CSS分配中。这种填充是导致它在移动设备上的原因。

更好的方法是，仅在平板电脑或更大的视口上使用@media设置填充。