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 ?
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" />
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" />
Related questions
Turn off mobile phone before inserting / removing SIM card ?
Full screen Not Clickable overlapping layer / overlay - CSS
How to change top address bar color in mobile web browsers - CSS
Difference between Samsung Galaxy J, A, S and Note series
Vienna public transport tickets via Mobile phone / SMS
Is Cubot good smartphone brand ? Cubot mobile phones review
CSS @Media min-width and max-width use together
Trending questions
How to change QWERTZ keyboard to QWERTY in Windows 10 ? How to add side by side rows in excel pivot table ? Is PLS LCD display good ? Difference between PLS LCD and Amoled How to calculate inverse currency exchange rate ? Samsung Galaxy A & F better than M series ? What's the difference ? Remove or hide bottom navigation bar with buttons on Android Man Month calculation - how many man days or man hours ?
How to change QWERTZ keyboard to QWERTY in Windows 10 ? How to add side by side rows in excel pivot table ? Is PLS LCD display good ? Difference between PLS LCD and Amoled How to calculate inverse currency exchange rate ? Samsung Galaxy A & F better than M series ? What's the difference ? Remove or hide bottom navigation bar with buttons on Android Man Month calculation - how many man days or man hours ?
2024 AnswerTabsTermsContact us