发表日期： 2021-05-22 10:27:08 浏览次数：105
阳泉网站优化【阳泉开通400电话】阳泉网站搭建、阳泉微信公众号推文外包、阳泉开通京东拼多多设计、阳泉淘宝装修
阳泉市，是山西省下辖的地级市，古称“漾泉”。位于山西省中东部，北与忻州市毗邻，东隔太行山与石家庄市相望，西接太原市，南邻晋中市；总面积4559平方公里，是一座新兴工业城市。阳泉地处黄土高原东缘，属于山西东部山地，境内地貌以山地为主，其余为丘陵和平原；属暖温带半湿润大陆性季风气候区 [1] 。截至2019年，阳泉市辖三区两县，总人口141.75万人。 [2-3]
阳泉是三晋门户，晋冀要衡，地处太原、石家庄两个省会城市的中间位置，相距均为100公里。阳泉又处于东部发达地区与中西部的结合地带，还位于环渤海与长江三角洲的两大经济区的合理运输扇区内，经天津、青岛、黄骅港可东出渤海。境内有万里长城第九关、娘子关，有藏山旅游景区，有冠山书院，有石评梅故居，有梁家寨温泉，还有以百团大战纪念建筑群体为主的狮脑山森林公园。 [4]
20世纪80年代开始，阳泉利用煤炭资源优势，经济得到迅速发展，一路领跑山西各市，被誉为“小上海”。2019年，阳泉市全年实现地区生产总值718.9亿元，按可比价计算，增长5.0% [3] 。2020年，阳泉市实现地区生产总值742.2亿元，增长3.6% [37] 。
现今阳泉市致力于打造“五城同创”、晋东旅游中心城市、晋东交通综合枢纽和山西向东发展桥头堡。2020年，阳泉市入选国家卫生城市名单。 [5]
关于这段代码想必大部分做移动端开发的人员都清楚：
<meta name=”viewport” content=”width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1″>
但实际上大部分人只是引入了而已，这段代码并没有起到它实际的作用；
我们为什么要引入这段代码，因为再做移动端开发的过程中移动设备的不同其所对应的屏幕尺寸也不近相同；我们希望所有的移动设备都按照一个固定的尺寸去显示我们的网页，而不是把所有的页面元素宽高按照百分比来设置，毕竟这样与设计人员给我们的原稿来说不准确；
我们先来看看这段meta，width=device-width是设置页面的宽度与设备的宽度相同；这等同于body{width:100%};initial-scale、maximum-scale、minimum-scale分别设置的是设备的对页面的缩放比；如果viewport按照上面的的参数来设定是毫无意义的；接下来我们再来看看这段代码：
<meta content=”target-densitydpi=device-dpi,width=640,user-scalable=no” name=”viewport”>
target-densitydpi=device-dpi是设置页面的分辨率等于设备的分辨率；width=640是设置页面的尺寸等于640px;initial-scale、maximum-scale、minimum-scale这三个参数都没有设置，为什么没有设置后面会讲；如果我们这样设置的话就达到了前面所说的我们可以以一个固定的尺寸去设计我们的页面，自适应的事情就是浏览器的事儿了；他会根据window.screen.width/640的比值去自动缩放这个页面；如果我们显式的设置了initial-scale=1、maximum-scale=1、minimum-scale=1那么就又回到了刚开始那段代码meta；所以在做移动端开发时我不会去设置这三个值；如果非要设置可以这么写：
<script type=”text/javascript”>
document.write(‘<meta content=”target-densitydpi=device-dpi,width=640,initial-scale=’+window.screen.width/640+’,maximum-scale=’+window.screen.width/640+'” name=”viewport”>’)
</script>
亲测这样在大部分的安卓手机浏览器和苹果浏览器中是没毛病的；部分低版本的安卓浏览器对于window.screen.width的获取是有问题的所以会不适应；因为我们一般说浏览器的的尺寸实际上是有两个概念的，一个是浏览器的物理尺寸，也就是我们屏幕实实在在的宽高可以测量的；还有一个就是分辨率尺寸比如1920*1080；高版本安卓浏览器获取到的window.screen.width是物理尺寸；而低版本安卓浏览器获取到的是分辨率尺寸。
