「手機版 - 商品特色 「置左」」

• 手機螢幕較窄，改為置左對齊，能讓眼睛自然從左至右掃描文字，大幅提升閱讀效率與理解力

• 左對齊有助於將標題、副標、重點敘述排列整齊，更容易吸引使用者注意力

• 大多數行動裝置內容網站皆採用「置左」排版邏輯，使用者早已習慣此格式，延續這種閱讀模式，能強化品牌專業感、減少使用者操作摩擦




✎ 重點拆解：



一、「手機版 - 商品特色 「置左」」設定路徑

二、「手機版 - 商品特色 「置左」」語法




一、「手機版 - 商品特色 「置左」」設定路徑


將語法貼入「版面>自訂CSS商店樣式」中






二、「手機版 - 商品特色 「置左」」語法


@media only screen and (max-width: 1000px), screen and (-webkit-device-pixel-ratio: 3), screen and (max-device-width: 767px) and (min-resolution: 300dppx){.product-info .description{
text-align: left;
}
}