制作一个兼容性很高的网页不难，但是追求性价比与兼容性的成比例的网页就很难了。笔者自己整理了一份笔记希望对看见的人有点帮助。

　　笔者写的网页基本上兼容主流浏览器（火狐，谷歌，36专业办理网站设计0，qq，ie9以上【包括ie9】）。

　　（1）

　　transition: all 500ms;

　　-webkit-transition: all 500ms;

　　（2）

　　transform: scale(1.1);

　　-webkit-transform: scale(1.1);

　　（3） .box 【制作网站哪家好】 > li{}

　　（4）@media书写方法：

　　@media screen and (max-width: 1400px) {}

　　@media screen and (max-width: 1366px) {}

　　@media screen and (max-width: 1280px) {}

　　Js（未加载jquery）：

　　window.onload=function(){}

　　Jquery：

　　$(function(){}

　　$(function(){

　　$(".nav li").hover(function(e){

　　$(this).children('.nav-cell').stop(fasle,true).slideToggle(250);

　　});

　　$(".nav-cell dd").hover(function(e){

　　$(this).children('a').toggleClass("on");

　　$(this).children('.nav-cell1').stop(fasle,true).slideToggle(500);

　　});

　　})

　　解释红色文字[stop(fasle,true)]的意思：

　　.stop 是jQuery中用于控制页面动画效果的方法。运行之后立刻结束当前页面上的动画效果。

　　个参数的意思是是否清空动画序列，也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果，一般为false，跳过当前动画效果，执行下一个动画效果；

　　第二个参数是是否将当前动画效果执行到最后，意思就是停止当前动画的时候动画效果刚刚执行了一般，这个时候想要的是动画执行之后的效果，那么这个参数就为true。否则动画效果就会停在stop执行的时候。

　　Eg：

　　编写header代码

　　效果图：

　　原因：代码后续可能由别人接手，方便他人，也方便自己后期修改。

　　效果图：

【知名网站建设平台】

　　以上为笔者的经验，每个人写代码都有每个人的习惯。如有错误，希望您能指出；不喜勿喷，谢谢。

　　作者：网络冯秋宁