Website not Displaying Properly on Smaller Screens

Question

I have create a website,On bigger screen it looks good however on small screens like laptop and mobile devices it does not displayed properly, Images and Texts are moved aside each other.I am really confusing on what is happening.

Need any advice on this situation?

Answer 1

@media queries are css properties which is used to handle your website on mobile because the screen of mobile is smaller then dekstop so we need to handle it with @media queries.

With media queries you can write different css for different screen sizes to handle you website in all the screen

Read this w3schools brief tutorial about @media queries : http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Answer 2

您的站点应该开发为响应式站点。为此，您可以使用@media 查询，也可以使用引导程序等框架。

Answer 3

通过视口元标记网站根据屏幕显示。

<meta name="viewport" content="width=device-width, initial-scale=1">