在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 為什么用flex設(shè)置了比例后的背景圖在100%下仍然占據(jù)全屏

為什么用flex設(shè)置了比例后的背景圖在100%下仍然占據(jù)全屏

代碼如下所示，我已經(jīng)按比例設(shè)置了左邊的比為2，右邊為1，但是在圖片寬度設(shè)置為百分百的情況下圖片仍然占整個(gè)屏寬，如圖二所示。而且代碼我是完全按照模板代碼寫(xiě)的，不知道為什么模板的就能正常顯示
clipboard.png

clipboard.png

期望效果圖

clipboard.png

回答
編輯回答
朽鹿

我這邊照著你的敲了一遍，是可以的(除了圖片路徑換成我自己的了

<!DOCTYPE html>
<html>
<head>
    <title>
    </title>
</head>
<style type="text/css">
    .part6 {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        height: 41vw;
    }
    .part6-left {
        background: url('圖片/2.png') no-repeat;
        background-size: 100%;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
    .part6-right {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: flex;
    }

</style>
<body>
<div class="part6">
    <div class="part6-left">
    
    </div>
    <div class="part6-right">
    
    </div>
</div>

</body>
</html>
2017年3月21日 13:49