移动设备是更大

我有一个页面一个问题在移动设备上移动设备是更大

这是一个事实，一些本网站的子页面是局部放大。

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

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

移动设备是更大

回答

相关问题