阳泉企业微信公众号小程序开发公司、阳泉企业网页设计方案、阳泉做网站开发价格、阳泉微信公众号制作运营报价明细表、阳泉网站设计公司费用、阳泉网站推广大概需要多少钱

阳泉企业微信公众号小程序开发公司、阳泉企业网页设计方案、阳泉做网站开发价格、阳泉微信公众号制作运营报价明细表、阳泉网站设计公司费用、阳泉网站推广大概需要多少钱

阳泉市，是山西省下辖的地级市，古称“漾泉”。位于山西省中东部，北与忻州市毗邻，东隔太行山与石家庄市相望，西接太原市，南邻晋中市；总面积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] 

响应式布局：通常用百分比来定位。
Cover布局：就跟background-size的cover属性一样，保持页面的宽高比，取宽或高之中的较小者占满屏幕，超出的内容会被隐藏。此布局适用于主要内容集中在中部，边沿无重要内容的设计。
Contain布局：同样，也跟background-size的contain属性那样，保持页面的宽高比，取宽或高之中的较大者占满屏幕，不足的部分会用背景填充。个人比较推荐用这种方式，但在设计上需要背景为单色，或者是可平铺的背景。
样式缩放：最省事的适配方法，直接用px为单位按视觉进行开发，然后通过计算屏幕与网页的宽高比，用transform:scale来对网页进行全局缩放。

不过此方法会有一个小问题，就是如果网页内有动画的话，缩放后会稍微降低页面性能，在低配的安卓机器上表现的比较明显，iOS上没发现有性能问题。

1、在不同分辨率的手机上，页面看起来是自适应的。整体效果看起来比较和谐。不会说大屏幕上看起来特别小。小屏幕上看起来特别大

2、主要是关注字体，宽高，间距，图片大小等。

3、所提供的设计图一般是手机分辨率的两倍，才能方便做适配。

4、使用rem做单位，而不是传统的px

适配的方法
步骤1：

设置viewport，也就是平时写移动端页面都要加上的：

<meta name="viewport"   content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

步骤2、

页面上我们的css代码可以这样写，比如设计图给我们的尺寸是750*1000的。某个容器在设计图的宽度是150px*225px,那我们在css里面

宽度：150px/750px/10=150px/75px=2rem;

高度为：225px/75px=3rem;
一句话：布局的时候，各元素的css尺寸=设计稿标注尺寸/设计稿横向分辨率/10；
注意点：

容器的宽度高度我们用rem为单位，但是字体大小font-size我们还是用px,而不是用rem

原因：

flexible.js的作者winter是这样解释的：考虑到字体的点阵信息，一般文字尺寸多会采用 16px 20px 24px等值，若以rem指定文字尺寸，会产生诸如21px，19px这样的值，会导致字形难看，毛刺，甚至黑块，故大部分文字应该以px设置。

一般标题类文字，可能也有要求随屏幕缩放，且考虑到这类文字一般都比较大，超过30px的话，也可以用rem设置字体。

那么字体该如何用呢？下面是我用sass写的一个例子：

• //编写一个宏
  @mixin font-dpr($font-size) {
      font-size: $font-size;
      [data-dpr="2"] & {
          font-size: $font-size * 2;
      }
      [data-dpr="3"] & {
          font-size: $font-size * 3;
      }
  }
  
  //元素中调用
  .element {
      @include font-dpr(16px);
  }

  适配中背景图片的处理

  因为是使用了rem来做单位，我们在写移动端的背景图的时候，一般使用background-size来控制大小，那要怎么来换算呢？

  换算单位如下：

  background-size=背景图的大小/该设计图的宽度*10

  打个比方：我的背景图是16*18，设计图是按照640的宽度来设计的。那么我的background-size值为

  background-size: 16/640*10rem 16/640*10rem   也就是 background-size:0.25rem 0.28125rem;

  通过这样控制之后，我们的背景图也做到了适配的效果

阳泉企业微信公众号小程序开发公司、阳泉企业网页设计方案、阳泉做网站开发价格、阳泉微信公众号制作运营报价明细表、阳泉网站设计公司费用、阳泉网站推广大概需要多少钱