css样式兼容

使用autoprefixer webpack插件

1.安装

cnpm install postcss autoprefixer

2.webpack.config.js配置

var autoprefixer = require('autoprefixer');
module.exports = {
    module: {
      loaders: [
        { test: /\.css$/, loader: "style!css!postcss" },
        { test: /\.scss$/, loader: "style!css!postcss!sass" }
      ]
    },
    postcss: [ autoprefixer({ browsers: ['last 2 versions'] })
]}

如何修改 chrome 记住密码后自动填充表单的黄色背景？

chrome 表单自动填充后，input 文本框的背景会变成黄色的，通过审查元素可以看到这是由 于 chrome 会默认给自动填充的 in put 表单加上 input:-webkit-autofill 私有属性，然后对其赋予以下样式：

 {background-color:rgb(250,255,189)!important; background-image:none!important; color:rgb(0,0,0)!important; }

position:fixed;在 android 下无效怎么处理？

因为移动端浏览器默认的 viewport 叫做layoutviewport。在移动端显示时，因为layoutviewport 的宽度大于移动端屏幕 的宽度，所以页面会出现滚动条左右移动，fixed 的元素是相对 layoutviewport 来固定位置的， 而不是移动端屏幕来固定位置的 ，所以会出现感觉 fixed 无效的情况。 如果想实现 fixed 相对于屏幕的固定效果，我们需要改变的是 viewport 的大小为 idealviewport， 可以如下设置：

 <metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,mini mum-sca le=1.0,user-scalable=no"/>