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