zoukankan      html  css  js  c++  java
  • 不同浏览器兼容

    不同浏览器的前缀

    -webkit- : Chrome, Safari
    -ms- : IE
    -moz- : Firefox
    -o- : Opera
     1     /*渐进增强*/
     2     .div1 {
     3         -webkit-transition: all 2s; //Safari Chrome
     4            -moz-transition: all 2s; //Firefox
     5              -o-transition: all 2s; //Opera
     6                 transition: all 2s; 
     7     }
     8 
     9 
    10     /*优雅降级*/
    11     .div1 {
    12                 transition: all 2s; 
    13              -o-transition: all 2s; //Opera
    14            -moz-transition: all 2s; //Firefox
    15         -webkit-transition: all 2s; //Safari Chrome
    16     }
    View Code

    渐进增强(progressive enhancement)

    1. 从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,当浏览器支持时,它们会自动地呈现出来并发挥作用
    2. 认为应关注于内容本身。内容是建立网站的诱因,我们应该在满足向绝大部分用户呈现有用内容的前提下,再做渲染内容或更高级功能的事情

    优雅降级(graceful degradation)

    1. 一开始就构建完整的功能,然后再针对低版本浏览器进行兼容
    2. 认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段

     因此:决定采用哪种方式取决于网站所面向的主要用户群体(或者说主要兼容的浏览器)

    网页乱码的问题是如何产生的?怎样解决 ?

    乱码的产生:  由于网页的编码方式和浏览器的解析方式不同,导致浏览器无法解析代码,从而出现了乱码
    解决:     查看保存网页的编码方式,然后再浏览器设置相同的编码方式来渲染网页

    Chrome浏览器自动填充的背景色改变

    1 input:-webkit-autofill {
    2     -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    3 }
    View Code
  • 相关阅读:
    JavaEE——SpringMVC(11)--拦截器
    JavaEE——SpringMVC(10)--文件上传 CommonsMultipartResovler
    codeforces 460A Vasya and Socks 解题报告
    hdu 1541 Stars 解题报告
    hdu 1166 敌兵布阵 解题报告
    poj 2771 Guardian of Decency 解题报告
    hdu 1514 Free Candies 解题报告
    poj 3020 Antenna Placement 解题报告
    BestCoder5 1001 Poor Hanamichi(hdu 4956) 解题报告
    poj 1325 Machine Schedule 解题报告
  • 原文地址:https://www.cnblogs.com/hangtt/p/7191938.html
Copyright © 2011-2022 走看看