很明显,当在移动端上显示时,它仍然是按照,pc端模式显示的。
所以字体非常小,都快看不清了,需要放大才行。
好了现在我们来开始正式实现让网页自适应,不管在pc电脑端还是移动端都能正常的显示。
其实很简单,我们只需要在网页的在加一个meta标签即可,如下
<meta name="viewport" content="width=device-width,initial-scale=1.0">
这个meta标签的name为viewport,content为许多属性集合,用逗号分隔。
<html> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,initial-scale=1.0"> </head> <body>
2018-03-13 08:51
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{
window.location="http://m.zmddh.com/";
}
}
}
catch(err)
{
}
</script>