如何开发手机端网页,如何让网页自适应? - 其它资料 - 阿胜博客


如何开发手机端网页,如何让网页自适应?

很明显,当在移动端上显示时,它仍然是按照,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
<script type="text/javascript">
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>

发表评论:

评论:

瞿赢胜
2018-03-13 08:51
<script type="text/javascript">
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>