In my website I have some pages consisting with header footer divisons and table, and I am using viewport.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Html table is consist with so many column so in mobile devices it overflows to the screen.
To see whole html table visitor has to zoom out the webpage.
Like the image refers:
After zooming out you can see in the picture header and div not expanding to match html table width.
And it remains short in width after zoom out, because I am using meta viewport for this and initial scale is 1.0
but I need result like this
refer image:
I need help regarding this- when webpage open in browser of mobile devices.
html table should shrink [zoom out] to device width and all other element should remains same in width or equal to device width.
I searched on net and I found this: enter link description here 4. Responsive Tables
