简体   繁体   English

网站响应问题

[英]Website Responsive Issues

I have just launched my website http://www.connorgraham.com.au and am having responsive issues, specifically with mobile. 我刚刚启动了我的网站http://www.connorgraham.com.au,并且遇到了响应问题,尤其是在移动设备方面。 Prior to launch, everything was working and looking perfect, however I have just realised that on mobile 20% of the right side of the screen is just white. 在发布之前,一切正常,看起来很完美,但是我刚刚意识到,在移动设备上,屏幕右侧的20%只是白色。 The website should be full width and there shouldn't be this blank space showing. 网站应为全角,并且不应显示此空白。

I would appreciate any help, and am happy to provide any of my code if it would help solve the issue. 我将不胜感激,如果能帮助解决该问题,很高兴提供我的任何代码。

我已经通过引导程序解释了响应式网格系统,您可以检查https://attariwebsol.wordpress.com/2015/04/24/bootstrap-grid-system/并告诉您这是否对您没有帮助,我将根据您的布局进行解释。

In your '<head>' 在您的'<head>'

change <meta name="viewport" content="width=device-width"> to <meta name="viewport" content="width=device-width, initial-scale=1"> this should fix your issue. <meta name="viewport" content="width=device-width">更改为<meta name="viewport" content="width=device-width, initial-scale=1">这应该可以解决您的问题。

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag https://developer.mozilla.org/zh-CN/docs/Mozilla/Mobile/Viewport_meta_tag

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM