DIV content not showing full width on mobile devices

I am optimizing a website for mobile devices. The content of one DIV is not displayed at 100% width of mobile phone browser. I tried some modifications in CSS, but it is still not working as expected. Do you have any suggestions how to reliably display the content on full width of screen ?
03 Jun 2019 at 06:49 PM
0give a positive ratinggive a negative ratingshow more
zeddzedd
Hi,

To show the content on 100% width of mobile browser screen, you can add Viewport meta tag between <head></head> tags:

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

You can also modify it according to your needs, to display the website on the right scale and get the best possible effect. The width could be specified, what will affect how the website will be displayed, when it will be loaded in mobile phone browser. For example, the viewport width could be 600px:

<meta name="viewport" content="width=600" />


05 Jun 2019 at 04:05 PM
0give a positive ratinggive a negative ratingshow more
TimTim
Share on FacebookShare on TwitterShare on LinkedInSend email
Follow us on Facebook
2022 AnswerTabsTermsContact us