2016-06-13 62 views
0

我一直在創建一個表格來添加到WordPress網站。由於該網站的響應速度很快,該表格應該稍微有點兒。響應表在手機上收縮

所以我一直在創建我的表,並在編輯器(我使用Visual Studio代碼)它完全響應,但我想我最好在Chrome中測試它。我保存它,在Chrome中打開它,然後在打開Mobile視圖的情況下對其進行檢查。

儘管min-width設置在應該幾乎填滿移動視圖寬度的單元格上,但單元格幾乎不會粘貼到中途。

所以我創建了一個如下的新表,發生了同樣的情況。

<table border="1"> 
 
    <tr> 
 
    <td style="min-width: 200px;">Min Width 200px</td> 
 
    <td style="min-width: 300px;">Min Width 300px</td> 
 
    </tr> 
 
</table>

enter image description here

爲什麼這樣做呢?我能做些什麼來解決這個問題?

+0

FF不縮水... – dippas

+0

@dippas所以一個bug在Chrome呢? –

回答

1

我注意到Chrome在某些情況下開始縮小設備模式下的所有內容(我不確定具體情況,所以如果有人知道,請點擊)。

我固定在我的網站中加入minimum-scale=1視口元值:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> 
+0

Andreyu,thaaaaaanks !!!!你搖滾!它的工作原理,這就是我需要的! – Zheka