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