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 ?
0
give a positive ratinggive a negative rating
03 Jun 2019 at 06:49 PM
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" />


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