<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Pinyin Converter</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<input type="text" id="input" placeholder="wo3 de mao1 xi3huan1 he2 niu3nai3">
	<button id="convert">Convert</button>
	<div id="output">
		<div class="placeholder active">wǒ de māo xǐhuān hé niǔnǎi</div>
	</div>
	<script src="bundle.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<title>Pinyin Converter</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<input class="noselect" type="text" id="input" placeholder="wo3 de mao1 xi3huan1 he2 niu3nai3">
	<button id="convert" class="noselect">Convert</button>
	<div id="output">
		<div class="placeholder active">wǒ de māo xǐhuān hé niǔnǎi</div>
	</div>
	<script src="bundle.js"></script>
</body>
</html>
Add vieport tag to support mobile devices
Add vieport tag to support mobile devices
