HTML5: Viewport Meta Tag Should Use All Lowercase

I experienced this while using Firefox browser on Android.

My HTML had this in the head section:

<META NAME="VIEWPORT" CONTENT="WIDTH=DEVICE-WIDTH, INITIAL-SCALE=1.0">

That tag is to inform the mobile browser to "fit" the screen width (kind of normalization) with the page it's currently at, and with initial scaling of 1.0 (100%).

On mobile Chrome, that tag works. But on Firefox on Android, it breaks. Firefox on Android ignores the all-capitalized meta viewport tag.

Therefore, I switched it using all lowercase.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

That solves it.