/* 預設：手機直式 (<768px) */
.header {
    width: 95%;           /* 手機：幾乎全寬 */
    margin: 10px auto;
    padding: 15px;
}

/* 平板直式 (768px ~ 991px) */
@media (min-width: 768px) {
    .header {
        width: 750px;     /* 平板：固定750px */
    }
}

/* 平板橫式 / 小筆電 (992px ~ 1199px) */
@media (min-width: 992px) {
    .header {
        width: 970px;     /* 平板橫式/小筆電：970px */
    }
}

/* 筆電/桌機 (≥1200px) */
@media (min-width: 1200px) {
    .header {
        width: 1170px;    /* 大螢幕：1170px */
    }
}
    <style>
        /* 固定寬度設定在這裡 */
        .header {
            width: 374px;           /* 固定寬度 */
            margin: 0px auto;      /* 置中 */
            
            /* 您原有的樣式 */
            border: 1px solid #ccc;
            padding: 0px;
            background: #f8f9fa;
        }
        
        .header1 {
            background: #2c3e50;
            color: #fff ; 
            padding: 10px;
            text-align: center;
            font-weight: bold;
        }
        
        .header2 {
            padding: 6px 6px 5px 12px;
            background: #f8f9fa;
            margin: 10px 0;font-size: 19px;
            line-height: 1.6;
        }
        
        .header3 {
            background: #34495e;
            color: white;
            padding: 10px;
            text-align: center;
        }
    </style>