移動設備是更大

我有一個頁面一個問題在移動設備上移動設備是更大

這是一個事實，一些本網站的子頁面是局部放大。

有趣的是，頁面的一部分在源代碼中被放大了。

Screenshot

不幸的是它只有一些網頁。

網站是：www.kitelementshop.com

是很差顯示在手機上的一個頁面： link1 link2

很有意思的是，這兩個產品都顯示不同，在同一個模板。 bad show good show

終於通過切換視解決，但只屏蔽未解

任何想法的問題？感謝

來源

2014-01-30 Pesulap

嗨，我認爲這個頁面沒有響應，而且對於移動設備，你必須改變字體大小以便清楚。使用響應式CSS來處理小屏幕大小。參考http://stackoverflow.com/questions/4189868/what-does-media-screen-and-max-width-1024px-mean-in-css –

這是真的，但它不能解決問題 – Pesulap

你能提供文本部分放大的鏈接 –

-1

你缺少一個視meta標籤：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

隨着該手機知道哪個擴展需要入手，並相應計算字體大小。

如果您嘗試在沒有視口元標記的情況下檢查它，您可以看到字體被計算爲39px！使用視口標籤計算爲12px - 您放入CSS的值。

來源

2014-01-30 09:40:50 Rolchau

我也嘗試過，但首先它不工作畫廊和頁面加載總是近似值。另一件事是，現在我已經添加

Testovacíp

標記到標題，正文和頁腳，並且只有在頁腳才能正確顯示。 – Pesulap

那麼視口標籤並沒有解決所有其他問題 - 這是正確的，但它修復了字體問題 - 這是問題。你已經把很多固定寬度的頁面f.ex. 1000像素在很多元素 - 1000px的仍然1000px是否它的桌面或移動設備 - 因此手機需要滾動。你需要做的就是完全重寫你的大部分CSS即時消息 - 或者只是忘記支持移動設備。對不起，但並不那麼簡單。 – Rolchau

移動設備是更大

回答

相關問題