大同网络公司哪家好【大同企业网站百度SEO推广公司】大同做网站开发价格、大同淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、大同高端企业网站页面制作设计专业公司需要多少钱

大同网络公司哪家好【大同企业网站百度SEO推广公司】大同做网站开发价格、大同淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、大同高端企业网站页面制作设计专业公司需要多少钱

大同，古称云中、平城，是山西省地级市，国务院批复确定的中国晋冀蒙交界地区中心城市之一、重要的综合能源基地 [1]  。截至2018年，全市下辖4个区、6个县，总面积14176平方千米，建成区面积202.74平方千米，常住人口346.30万人，城镇人口227.23万人，城镇化率65.62%。 [2] 

大同地处中国华北地区、山西北部、大同盆地中心、晋冀蒙三省区交界处、黄土高原东北边缘，实为全晋之屏障、北方之门户，且扼晋、冀、内蒙之咽喉要道，北隔长城与内蒙古自治区乌兰察布市接壤 [3]  ，是山西省省域副中心城市，历代兵家必争之地，有“北方锁钥”之称。 [4]  大同是首批国家历史文化名城之一、曾是北魏首都，辽、金陪都，境内古迹众多，著名的文物古迹包括云冈石窟、华严寺、善化寺、恒山悬空寺、九龙壁等 [4]  ，是中国首批13个较大的市之一、中国九大古都之一、国家新能源示范城市、中国优秀旅游城市、国家园林城市 [5]  、全国双拥模范城市、全国性交通枢纽城市、中国雕塑之都、中国十佳运动休闲城市。

大同是中国最大的煤炭能源基地之一，国家重化工能源基地，神府、准格尔新兴能源区与京津唐发达工业区的中点。素有“凤凰城”和“中国煤都”之称。 2019年8月13日，入选全国城市医疗联合体建设试点城市。 [6] 

2019年，大同市地区生产总值实现1318.8亿元，按不变价格计算，比上年增长6.7%。 [2] 

偶尔的机会，看到一个网站用calc()。我感觉很陌生，貌似想不到它是css3的一部分。因为看其外表像个函数。对此，我花了一些时间对calc()进行研究。发现它可以给元素做计算，还可以实现自适应的布局。但它对移动端的支持却不是太乐观。下面我具体对calc()详细讲解下，希望可以给大家带来更多的参考资料。


什么是calc()?

calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度。


calc()能做什么？

calc()能让你给元素的做计算，你可以给一个div元素，使用百分比、em、px和rem单位值计算出其宽度或者高度，比如说“width:calc(50% + 2em)”，这样一来你就不用考虑元素DIV的宽度值到底是多少，而把这个烦人的任务交由浏览器去计算。


calc()语法

calc()语法非常简单，就像我们小时候学加 （+）、减（-）、乘（*）、除（/）一样，使用数学表达式来表示：
 

1. .elm { 

2.   width: calc(expression); 

3. } 

其中"expression"是一个表达式，用来计算长度的表达式。


calc()的运算规则

• 使用“+”、“-”、“*” 和 “/”四则运算；

• 可以使用百分比、px、em、rem等单位；

• 可以混合使用各种单位进行计算；

• 表达式中有“*”和“/”时，其前后可以没有空格，但建议留有空格。

• 表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(12%+5em)"这种没有空格的写法是错误的；

浏览器的兼容性

浏览器对calc()的兼容性还算不错，在IE9+、FF4.0+、Chrome19+、Safari6+都得到较好支持，同样需要在其前面加上各浏览器厂商的识别符，不过可惜的是，移动端的浏览器还没仅有“firefox for android 14.0”支持，其他的全军覆没。


我们来个例子，我们做一个三列并排的模块，宽度按百分比、有padding值、有border值、还有margin-right，而且这三个值是px，

1. li{ 

2. float:left; 

3.  

4. width:33.3333%; 

5. height:50px; 

6.  

7. padding:10px; 

8. margin-right:10px; 

9.  

10. background:#FF6666; 

11. border:5px solid #DAC8A7; 

12. } 

效果图：


它是不会好好并列的，在这种情况下就不好算了，就算算出来也有那么一点误差，不是吗？现在我们就用到了calc(),

1. li{ 

2. float:left; 

3.  

4. //width:33.3333%; 

5. height:50px; 

6.  

7. padding:10px; 

8. margin-right:15px; 

9.  

10. background:#FF6666; 

11. border:5px solid #DAC8A7; 

12.  

13. width:calc(33.3333% - (10px + 5px) * 2 - 15px ) 

14.  

15. } 

现在可以并排了



好了，到这就告一段络了，再稍微优化一下左右边15px的空距，让两边都挨边。就在父级上加个margin-right：-15px，OK 搞定，


经过详细讲解后，大家应该对它不是太陌生了。也会发现它很好用。美中不足的是不兼容IE6-8 和 手机wap端。但总体来说用来做响应模式确实方便很多。

大同网络公司哪家好【大同企业网站百度SEO推广公司】大同做网站开发价格、大同淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、大同高端企业网站页面制作设计专业公司需要多少钱