台灣最大程式設計社群網站
線上人數
1057
 
會員總數:246135
討論主題:189715
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 桌機呈顯 圖片排版與手機呈現排版 一致的方法?
[]  
[我要回覆]
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
桌機呈顯 圖片排版與手機呈現排版 一致的方法?
價值 : 100 QP  點閱數:254 回應數:0
樓主

Laurence
門外漢
0 1
6 0
發送站內信

由於我是使用 SHOPLINE電商系統的美編

對於CSS 與 HTML 都只懂個皮毛,所以研究了一整天,還是沒搞懂如何做到 別人那種排版方式。
我在網路上找到一家 改的挺好的電商,我們也是使用與他們相同的 電商系統,

網站>:https://store.searchx.asia/
從桌機上看 大型輪播Banner下方,有三張小Banner 一致排開


但他們在手機上呈現的方式稍微不一樣:
可以看的出來下方 因為手機瀏覽 自動縮排變成兩張 一左一右 的小Banner



如果我按照正常方式把放上去, 切換到手機板會自動變成 1張1排 如圖(借用皮卡丘):



我想做到跟他相同的呈現方式,會不會挺複雜的呢?
以及電腦呈現左右2張Banner ,手機也是呈現 左右2張Banner,

搜尋相關Tags的文章: [ 排版 ] , [ 手機排版 ] ,
本篇文章發表於2020-02-10 15:14
目前尚無任何回覆
   

回覆
如要回應,請先登入.