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


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

很明显,当在移动端上显示时,它仍然是按照,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>


阿胜介绍:阿胜是一位六余年精耕SEO/SEM,网络营销,全网营销的推广实战专家,阿胜专注于为中小企业提供网络营销全网营销,数据库营销等,整套网络解决方案。

从事理念:用专业,责任,人性化服务经营网络营销事业

服务理念:良心,口碑,创造价值

运转模式:采用端口建设+渠道布局+养鱼理论的运转模式

服务地区:全国
重点扶持:长沙市/芙蓉区/天心区/岳麓区/开福区/雨花区/望城区/浏阳市/宁乡县

评论:

瞿赢胜
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>