如何使主頁滑塊圖像不縮放移動？

Question

我現在的主頁橫幅向下擴展到移動和圖像&文本縮小到一個大小，不可讀。

你怎麼能使其使其擴展到某個點的圖像縮放停止後，它只是切斷了圖像的寬度是多少？

我的網站：www.riotsociety.com

範例網站：sunglass.la

Answer 1

添加到您的CSS文件這一點。 這將使你的滑塊70％的視口高度。所以它會佔用任何設備高度的70％。

這樣便解決了形象問題

.fullwidthbanner-container { height: 70vh; //please work around this value }

現在的事情是，Slider的JS是計算，並給予每個元素的大小和造型的。 手機上的按鈕內容大小變爲3像素。

現在我看到這個2級的解決方案。

• 閱讀滑塊庫或插件的文檔（如果有的話），並嘗試使滑塊的響應部分沒有高度和值，只需自行完成。你需要一點CSS。
• 或者，讓它，因爲它是和頂部CSS編寫。

你有訪問代碼？或者它只是一個shopify網站？我可以看到該滑塊owl_carrousel