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 ?
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" />