AdamSinger: Use the device viewport instead of the fixed desktop width on mobile

2026-07-16T16:25:48Z

Use the device viewport instead of the fixed desktop width on mobile

New page

/* Step 4 mobile viewport correction for Vector 2022.
* The server currently emits width=1120; replace it with the device width.
* No maximum-scale restriction is used, so pinch-to-zoom remains available.
*/
(function () {
'use strict';

var viewport = document.querySelector('meta[name="viewport"]');
var content = 'width=device-width, initial-scale=1, viewport-fit=cover';

if (viewport) {
viewport.setAttribute('content', content);
} else {
viewport = document.createElement('meta');
viewport.setAttribute('name', 'viewport');
viewport.setAttribute('content', content);
document.head.appendChild(viewport);
}
}());

MediaWiki:Common.js - Revision history

AdamSinger: Use the device viewport instead of the fixed desktop width on mobile