当前位置：首页» 行业新闻 » 【建站服务】晋江微信公众号开发【晋江网络推广】晋江建站、晋江网站维护、晋江网页制作、晋江微信小程序代运营公司-域名申请

【建站服务】晋江微信公众号开发【晋江网络推广】晋江建站、晋江网站维护、晋江网页制作、晋江微信小程序代运营公司-域名申请

作者: 风兰 . 阅读量： 4 . 发表时间：2022-09-20 15:45:33

网站建设

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

晋江微信公众号开发【晋江网络推广】晋江建站、晋江网站维护、晋江网页制作、晋江微信小程序代运营公司

网站建设.jpg

晋江市（古属泉州府晋江县）雅称刺桐、瑞桐、泉安。为福建省下辖县级市，由泉州市代管。是闽南金三角的核心，与台湾一水之隔，素有“泉南佛国”、“海滨邹鲁“的美誉。晋江位于福建省东南沿海，泉州市东南部，晋江下游南岸，三面临海。东北连泉州湾，东与泉州石狮市接壤，东南濒临台湾海峡，南与金门岛隔海相望，西与南安市交界，北和鲤城区相邻。全市辖6个街道、13个镇，市政府驻罗山街道世纪大道。2019年末全市常住人口211.9万人，比上年末增加0.8万人。

晋江中原文化、海洋文化、闽南文化、华侨文化、宗教文化等多元文化相互交融、相映成辉；科技综合实力进入全国百强行列，被定为全国4个科技进步示范区之一。 [1] 晋江被列为第一批国家新型城镇化综合试点地区。 [2] 2017年，晋江市入选为第五届全国文明城市。2017年12月，当选中国工业百强县。 [3] 2019年实现地区生产总值2546.18亿元，比上年增长8.0%。 [4]

2019年以来，先后入选2019年度全国投资潜力百强县市 [5] 、2019年全国科技创新百强县市 [6] 、2019年度全国新型城镇化质量百强县市、 [7] 2019全国营商环境百强县。 [8] 2019年度福建省县域经济“十强”县（市）、全国乡村治理体系建设试点单位， [9] 连续18年位于全国综合实力百强县市前十。 [10]

2020年5月18日，2020全国县级市传播热度排名发布会在人民日报社举办。发布传播热度指数排名，晋江市占据前二名。 [11] 同月，入选县城新型城镇化建设示范名单。 [12]

从谷歌浏览器到IE11到IE6兼容的漫漫长途

前言：泱泱大国，居然被一个IE浏览器牵扯得颠沛流离，IE到底有多大的普及力量，就好比中国的迷信思想，像鬼魂一样挥之不去。纵使像chromium这样高级的浏览器问世以及目前的新技术css3和html5的出现使得页面展示得更加活色活香。然而懂得品味的人并不多，用着ie的钉子户还占着巨大的市场。除了ie之外还有众多的浏览器，她们各自对网页的识别标准都不一样，非常杂乱，这给前端工程师无疑是个非常大的打击，可以说没有一个前端工程师不恨ie的，恨得咬牙切齿。然而有时考虑到广大的终端用户的浏览体验以及客户的需求，不得不做兼容性调试，特别是大型站点，ie兼容显得更不可少。以前一直认为百度的网站丑啦吧唧的，不知道百度的前端工程师是干嘛的，有些网站其实我们只看到了表面，却不知道内部的技术层次，就拿百度来说，它不但兼容ie，而且还兼容ie6，更不可思议的是还兼容ie5，虽然有报错，但兼容率比较高，虽然它的前端没用到什么高级技术，然而有些高级技术也可以做到在ie上展示的，这就是本文要讲的：从chromium到IE11到IE6兼容的漫漫长途。

1.让ie浏览器兼容html5语义

用html5标签网页写网页已经越来越成为趋势了，html5被炒得沸沸扬扬，很多客户都愿意花巨资用html5做网页，然而他们并不知道html5其实就是在html4的基础上多了几个标签少了几个标签而已。html5真正的技术含量在于js的操作而非html。单纯的用html5写网页的话只需要把一些特定的div标签换成<article>、<header>、<nav>、<section>、<aside>、<footer>....即可，当然还需要把网页头部的

复制代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">复制代码

换成

复制代码<!DOCTYPE html>复制代码

但是当网页实现了html4变成html5之后，ie浏览器就不认识网页了，特别是以上所列的这些标签，造成在ie上浏览布局错乱，解决办法还是有的，只需要在网页头部中加入：

复制代码<!--[if lt IE 11]><script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><![endif]-->复制代码

原理就是用js向网页中插入这些标签，为防止地址失效，贴出代码，html5shiv.min.js里面的代码为：

展开/收缩

2.让ie浏览器兼容响应式网页，所谓响应式网页就是css中用到了css3，ie浏览器一样识别不了，造成在ie浏览器下响应式无效。要实现网页的响应式能在手机端呈现出来，必须在网页头部加上：

复制代码<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">复制代码

不加的话，显示的效果还是以pc端方式来展现网页，所以这个必须加，非ie下也要加。要让其在ie下也能展现还要在网页头部加上以下代码：  respond.min.js文件的代码为：

展开/收缩

为了防止疏漏，再加上一段终极代码：

复制代码<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">复制代码

这段代码的意思是如果访问者的电脑安装有ie的其它版本浏览器或谷歌内核浏览器，就让当前网页以最高级别的可用模式显示内容来渲染。这个是相当给力的，因为有很多ie钉子户装了其它浏览器的，只是默认浏览器没修改过来，每次打开网页依然用ie低版本浏览器，这句代码就好像专为这些人准备的。

做完以上工作，ie兼容的工作已经是做了一半了，至少在ie浏览器下网页不会出现很大的布局错乱问题，但是小bug还是层出不穷的，这就源于一些不可改观的因素极其一些css和js不规范和不严谨的写法造成的。我们所能做的就是写规范写严谨，以下分享我在最近项目中亲身遇到的一些问题的解决办法：

1.js除错提示，在ie下难免会有js兼容问题，总是会弹出一些报错窗口，我的人会有疑问，我用ie没有什么弹出窗口，后面我会提供标准的不同版本低级ie浏览器供大家测试。要禁止这些弹窗，只需在网页head里面&网页所有js前面添加以下扼杀代码：

复制代码<script>function killErr(){return true;}window.onerror=killErr;</script>复制代码

相当于浏览器在窗口弹出前自动帮你把弹出窗口选择“确定”。 2.ie6下.png图片不透明的解决方案。

ie6下图片如果含有透明成分将会把透明成分变成白色，关于这个问题很多人都说用js来处理，但我试了下没有一个理想的效果，反而出现各种bug，其实问题本身并不在代码身上，而是图片上，图片采用了png24格式造成的。只要把图片用ps另存为web所用格式中的png8格式就可以完美兼容ie6，虽然像素png8比png24低了点，但无伤大雅，一般是看不出来的。

3.字体的兼容：在普通浏览器下，我们用css单独定义某个元素块的字体通常用好几种字体并排，如font-family:"宋体","微软雅黑","Arial, Lucida Grande, Tahoma";目的就是告诉浏览器，默认用宋体，如果用户设备没有宋体就用微软雅黑，依次读过去。但在ie浏览器下看到的字体往往跟谷歌等的浏览器大相径庭，是因为ie引用了这其中的另外一种字体。因为它的读取顺序是从后面开始，解决办法就是把你想要的字体再复制到后面font-family:"宋体","微软雅黑","Arial, Lucida Grande, Tahoma","宋体";

关于火狐浏览器对字体的兼容，火狐就更加奇葩，它是即使用户安装有该字体，它也是不显示的，它就喜欢自作主张的用它的微软雅黑字体，解决办法除了浏览器上的设置以外，就是用它能识别的字体，比如说“宋体”，至于它还能识别其它什么字体，笔者没时间去一一测试，问问火狐开发人员吧~

4.修改css属性不生效的解决办法，这种情况一般是我们对span和a标签加样式常遇到的问题，因为span和a标签不是块级元素，，你要让css对其有效果，必须加上display:block;虽然默认的样式就是这个，但是还是要加上使其变为块级元素，至于哪些是块级元素哪些不是，这里不做探讨，只要记住遇到修改css不起作用的情况除了缓存外，就是要给它加一个display:block;了，往往能是你如愿。

5.div自适应高度问题：理论上一个如果不设置div的高度的话，它默认高度是自适应的，即随着div里面的内容所占高度而变化，但是有时候我们经常遇到有内容父级div高度为0，造成下一级的div的margin-top异常现象以及自身背景颜色不显示的情况，这是因为该div里面的所有元素都是浮动属性，解决办法就是在div里面添加一个空的div，让它清除浮动属性。如：

复制代码<div class="fuji"><div style="float:left"></div><span style="float:right"></span><div style="clear:both"></div></div>复制代码

div的clear属性

clear:both是清除浮动的属性，别小看这个东西，很有用处，往往能在你遇到莫名其妙的情况下把你救起，很多异常情况都是源于浮动问题，比如说div莫名其妙包含上一级的div，只需要将该div设置clear:both

6.使input的光标居中：input输入框的css属性尽量不要用padding，包括所有的html容器也是一个道理，不要用padding来充当高度来使用，否则的高度会随里面的内容而改变，包括字体类型，字体大小，而这些往往在不同浏览器又有所不一样，特别是input输入框，上下padding一定要设为0，然后用height来设定高度，在把line-height值设成跟高度一样，这样光标以及文字就会上下居中。

7.布局错乱的一大杀手position:fixed;ie低版本浏览器是不认识这个东西的，所以本身是position:fixed;元素块将会以relative方式插在网页中，把其它内容撑开，导致布局错乱的现象。解决办法就是增加ie浏览器识别的另外一种属性_position:absolute，如下：

复制代码body {_background-attachment:fixed;}#xxx {width:68px;height:100px;right:-5px;margin:0 auto;position:fixed;clear:both_position:absolute; _top:expression((offsetParent.scrollTop)+150);//距离顶部的高度 _left:expression(offsetParent.scrollLeft);//距离左边的高度}复制代码

本文更新中......

推荐使用的浏览器：360安全浏览器或360极速浏览器或谷歌浏览器，另外秋叶网络博客现今的兼容程度（按照美观性和功能）：360安全浏览器兼容率100%，360极速浏览器和谷歌浏览器兼容率98%，ie11兼容率95%，火狐浏览器兼容率90%，ie8兼容率88%，ie7浏览器兼容率88%,ie6浏览器兼容率87%，ie9兼容率70%，ie5浏览器兼容率10%。

说明：兼容率在ie下是不可能达到100%完美状态的，没有最好，只有更好，做兼容本来就是确保主要功能不受影响而已，别对自己在这方面有太苛刻的想法，以及别对前端人员在这方面有太高层次的要求，不要有把饼干变成石头的想法，否则终会失望告终。

作为一个前端人员我是这样想的：统一浏览器比统一祖国更重要。

标准ie5、6、7、8、9、11各版本浏览器兼容性测试软件下载[dd]http://pan.baidu.com/s/1dD8S6Bn[/dd]

晋江微信公众号开发【晋江网络推广】晋江建站、晋江网站维护、晋江网页制作、晋江微信小程序代运营公司

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。