広告の輪播図は中央に表示して、ピクチャーの幅は適応して、しかし最小は1920で、輪播図は中央に表示します

361 ワード

需要:広告図100%幅、最小幅1920、画像中央表示jQuery問題:ブラウザの可視幅が1920未満の場合、画像が水平に中央に表示できない解決:imgの親要素が相対的に位置し、オーバーフローが隠れ、imgが絶対的に位置し、ウィンドウが変化すると、動的にimgの幅imgWidthを獲得し、ブラウザの可視領域の幅viewWidthを獲得し、leftを:-(imgWidth-view Width)/2に変更
imgs li img{
 width:100%;
 min-width:1920px;
 height:590px;
 position:absolute;
 /*  1920      
  left:-(1920-    )/2
 */

}