移动网站问题（空白和缩放）

Question

你好我一直在努力使我的网站在移动电话上看起来不错，就像它在计算机上一样，但我遇到了一些问题。第一个是，当你访问我的网站，移动设备或平板电脑上出现很放大和缩小。

http://www.questdesign.com.au

反正让它开始缩小，以便你能看到的所有内容用户可以放大，如果他们喜欢。

第二个问题是您可以在页面底部看到的空白区域。我查看了所有的编码，看不到我做错了什么。

我的CSS低于，

http://questdesign.com.au/templates/protostar/css/template.css

感谢您的任何意见或帮助。

Answer 1

您需要更多地利用媒体查询。您可以使用chrome来检查您的网站在各种移动屏幕上的显示效果。

用鼠标右键单击检查元素，在左侧有角落，你会看到一个形状为手机的图标，点击该图标，这会呈现给你的网站，它会在你的手机或平板电脑上看起来如何，使用这个与您的媒体查询。

希望这会有所帮助