Why are some rows rendering small in a basic HTML table on mobile browser?

StackOverflow https://stackoverflow.com/questions/22930619

문제

I have a basic HTML Table. It renders as expected on a PC. But on a mobile browser (tested on firefox and chrome on Android) some rows are large and some are small like this. I have uploaded my code here (QR Code).

Why is this happening? and how to fix this?

도움이 되었습니까?

해결책

Got solution from a different question. Adding a viewport tag in the <head> section, will prevent device scaling/zooming and give a uniform look across mobile devices

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top