移动网站问题(空白和缩放)



您好,我一直在努力使我的网站在移动设备上看起来像在计算机上一样好,但遇到了一些问题。首先,当您在移动设备或平板电脑设备上访问我的网站时,它会非常放大和放大。

http://www.questdesign.com.au

无论如何,是否可以使其开始缩小,以便您可以看到所有内容,并且用户可以根据需要放大。

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

我的css在下面,

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

感谢您的任何建议或帮助。

您需要更多地利用媒体查询。 您也可以使用Chrome来检查您的网站在各种移动屏幕上的外观。

右键单击检查元素,在左侧的侧角,您将看到一个形状为手机的图标,单击它,这将呈现您的网站,至于它在手机或平板电脑上的外观,将其与您的媒体查询一起使用。

希望这有帮助

最新更新