postcss-PX-に、ビューポート

    autoprefixer:{}、
     'postcss-PX-TO-ビューポート' :{ 
      unitToConvert: 'PX' 、//変換するユニット
      viewportWidth: 750 、//幅(数)ビュー
      unitPrecision:。3 、//(番号)が指定され`px`ウィンドウ単位の値、デフォルト値を10進数に変換5。
      propList:[「*」]を、//(アレイ)CSSプロパティがデフォルトを指定変換することができる[「*」]は、全ての代表は、変換属性
      viewportUnitを: 'VW' 、//(文字列)窓ユニットを変換する必要性を指定し、デフォルトのVWの
      fontViewportUnit: 'VW'は、//(文字列)フォントは、Windowsの単位に変換する必要がある指定し、デフォルトのVWの
      selectorBlackList:[ '.IGNORE'、 」.hairlines' 単位の指定]、//(配列)は、Windowsベースの、予約PX、正規表現または通常の文字列値に変換されていない1つまたは2つの一般的なクラス名を定義することをお勧め
      minPixelValueを:1、//(数値)デフォルト値は、以下1px`ウィンドウ単位に変換されない`に等しい、1 
      mediaQuery:falseに、//(ブール)もfalseにデフォルトは、PXでメディア変換するかどうかを問い合わせる
      置換:trueに、//を含む置き換えますルールをVW、代わりにロールバックを加えます。
      [] //(配列:除外または正規表現)は、このようなnode_modulesのように、ファイルを無視するように構成された
      風景:falseに
      landscapeUnit: 'VW' 
      landscapeWidth: 568 
    } 
  }

あなたのスタイルは、ビューポートの幅の大きさを調整するために行われる必要がある場合は、このスクリプトは、VWへのPX単位で自分のCSSを入れて、ビューポートの幅の1/100に等しい1vwことができます。

基本的にはレムプログラムである携帯端末アダプタを行う前に、今、私たちは今、新しいソリューションは、ビューポートユニットを使用することです見つけviewportユニットは、ブラウザの増加によってサポートされています

 

 

 

 

 

 

おすすめ

転載: www.cnblogs.com/jockr/p/11608986.html