Small fonts in mobile website

2019-07-18 14:00发布

站内问答 / Android
1916 1 6

I have developed a mobile website and it shows perfectly to me in Android and IPhone emulator. However, when I try to view it on an Android phone or IPhone, it displays the website as a normal desktop website viewed on phone with very high widths and fonts appearing very small. The issue gets resolved, if I double click/tap on my screen.

Any help would be greatly appreciated.

I got this on stackoverflow..but not much sure about it

1条回答
女痞
2楼-- · 2019-07-18 14:21

You need to add a meta tag named "viewport" see sample below

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />
</head>
<body style='background-color:white;font-family:Arial,Tahoma,Verdana;'>
</body>
</html>
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)