/** 電腦端樣式
採用左pre右渲染效果模式，左側代碼寬度為50%-60% **/
.example3-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.example3-col-src {
flex: 1 1 45%;
min-width: 50%;
max-width: 60%;
vertical-align: top;
}
.example3-col-render {
flex: 1 1 0%;
min-width: 250px;
vertical-align: top;
}
/** 移動端樣式
採用上pre下渲染效果模式，上下寬度統一為100% **/
@media (max-width: 768px) {
.example3-col-src,
.example3-col-render {
width: 100%;
flex-basis: 100%;
min-width: 100%;
}
}
/* [[Category:在模板命名空間下的CSS頁面]] */