BagForLove - Blue Double Handle Graphic Square Letter Bag Product Description Color Blue Pattern Type Plain Type Shoulder Tote Bag Material PU Size Chart INCH CM Bag Length Bag Width Bag Height Strap Length 10.2 inch 3.5 inch 7.9 inch 47.2 inch Bag Length Bag Width Bag Height Strap Length 26 cm 9 cm 20 cm 120 cm Details Pictures Similar Products h2 { text-align: center; } /* æ¢è¡ */ li{ white-space: normal; word-break: break-all; word-wrap: break-word; } .red-box { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .red-box > div { width: 190px; height: 250px; margin: 10px; } .red-box > div > a > img { width: 190px; height: 250px; } .size-box { width: 100%; margin: auto; white-space: nowrap; } .table { border-collapse: collapse; border-spacing: 0; width: 100%; table-layout: fixed; } tr, td, th { border: 1px solid rgb(175, 173, 173); padding: 10px 0px; text-align: center; font-size: 14px; box-sizing: border-box; } .color-button { height: 26px; border: 1px solid #222; margin: 10px 0; } .common { width: 99px; height: 25px; float: left; text-align: center; cursor: pointer; } .in-box, .cm-box { width: 100%; margin: auto; white-space: nowrap; } .size-button { width: 98px; height: 22px; border: 1px solid #222; margin: 10px 0; } .cm { width: 48px; height: 23px; float: right; text-align: center; cursor: pointer; } .in { width: 48px; height: 23px; float: left; text-align: center; cursor: pointer; } .checked { background-color: #222; color: #fff; } .hidden { display: none; } @media only screen and (min-device-width: 320px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 2) { .table { table-layout: auto; } tr, td, th { font-size: 12px; } .red-box > div { width: 140px; height: 210px; margin: 10px; } .red-box > div > a > img { width: 140px; height: 210px; } } $(function () { $('.in').bind("click", function () { $('.in').addClass("checked"); $('.cm').removeClass("checked"); $('.in-box').removeClass("hidden"); $('.cm-box').addClass("hidden"); }); $('.cm').bind("click", function () { $('.cm').addClass("checked"); $('.in').removeClass("checked"); $('.cm-box').removeClass("hidden"); $('.in-box').addClass("hidden"); }); })