Using the viewport meta tag to control layout on mobile browsers

<meta name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">

It automatically give zoom-in effect which makes fields visible more clearly