网站没有扩展到移动设备

Question

我遇到了一个我正在帮助开发的网站问题。 链接在这里：http://orfinstudio.pl/www/

为什么网站没有达到移动设备的大小？

我用过

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

还尝试了其他组合..

Answer 1

我对这个地方相当新，但我对网页设计和东西有一些经验。

1. 我建议你永远不要使用模板，因为它们很难处理。

2. 如果你正在使用css定位我非常建议你使用边距来移动你的容器。 left，top，right和bottom将保留其属性，无论是移动设备还是桌面设备。所以 top:1000px(desktop) = top:1000px (mobile)，但

   margin-top:1000px(desktop) = margin-top:1000px/mobile screen size(mobile)。

3. 当你直接使用身体标签时，使用px（非百分比）作为单位，手机很聪明，它们会以一种方便缩小网页，所以你不必担心多个css为同一个网站（移动查询）。我建议你只在子容器中使用百分比，例如div中的div。

4. 在将滑块实施到您的网站之前，请务必了解滑块的工作原理。

最后，网站看起来好像缺少一些样式表，请确保您拥有正确的路径/引用每个样式或脚本文件。

这是我之前使用像素http://marybethandtonias.com

创建的移动桌面网站

Answer 2

我曾经遇到过这个问题，我通过互联网获得解决方案并修复了它，在元标记中更改此内容...

content =“user-scalable = yes”