vue-component-ruler
Version:
vue2 ruler UIKIT mobile
27 lines (26 loc) • 857 B
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Ruler</title>
<script>
var useScaledViewportMeta = function() {
var phoneWidth = parseInt(window.screen.width);
var phoneScale = phoneWidth / 750;
var meta = document.createElement('meta');
meta.name = "viewport";
meta.content = 'width=750, user-scalable=no, minimum-scale=' + phoneScale + ',maximum-scale=' + phoneScale;
document.getElementsByTagName('head')[0].appendChild(meta);
}
// window.addEventListener("resize", function() {
// useScaledViewportMeta()
// }, false);
useScaledViewportMeta();
</script>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>