爲什麼我的滑塊在手機瀏覽器中變得更寬了？

Question

我在我的wordpress建網店有一個滑塊。 但我的手機瀏覽器變得比它應該更廣泛，貓搞清楚了。 如果你tu'ilt再次得到正確的寬度豐泰..

您可以在www.starstrucked.se

感激發現該網站的人的提示。

Answer 1

你的滑塊有一個固定的寬度，這對於移動瀏覽器（如iPhone）來說太寬了。您可以強制頁面以適應瀏覽器窗口中添加以下內容到頁面的head：

<meta name="viewport" content="width=device-width"> 

另一種方法是找到一個更具響應滑塊的腳本，其中有相當多的這些天，這樣的作爲bxSlider。

編輯：我看到你有一個head腳本，這是爲了縮放iPhone/iPad等佈局，但它不工作。無論如何，我會使用CSS和meta元素。

Answer 2

具有靈活的寬度。對於桌面是83％（883px） 當您調整您的瀏覽器滑塊有一個內嵌式的：

<div class="slider jquery-slider default" style="width: 883px; height: 361px;"> 
<div class="slide-wrapper" style="width: 883px; height: 361px;"> 

所以可能JavaScript是設置內嵌樣式，或者它在html硬編碼。 可以讓jquerySlider響應？

http://wordpress.org/support/plugin/jquery-slider

附加： 檢查控制檯：

視口參數值 「1.0」;對於鍵「初始縮放」被截斷爲其數字前綴。注意 ';'不是視口值中的分隔符。該列表應該用逗號分隔。 www.starstrucked.se:63 視口參數值「4.0;」對於「最大比例」鍵被截斷爲其數字前綴。注意 ';'不是視口值中的分隔符。該列表應該用逗號分隔。

解決方案

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">