网站在其他设备上的相同视图答案

【问题标题】：Website same view on other devices网站在其他设备上的相同视图
【发布时间】：2015-10-01 20:13:19
【问题描述】：

如何使我的网站即使是从智能手机、平板电脑或 PC 上查看也具有相同的视图？我在网页上有一张桌子。我试过了，但没有效果：

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

【问题讨论】：

【解决方案1】：

您的声明是说将网页的大小调整为设备的宽度，这似乎不是您想要的。如果您希望它显示在类似于桌面的移动设备上，您实际上想要与此相反。尝试设置一个固定的视口大小，这样网站就不会考虑移动设备上的屏幕大小：

<meta name="viewport" content="width=1024">

【讨论】：

有点变化，但没那么大
@Ann 如果你想要更大的改变，尝试将宽度设置为更宽的值，比如 1920。
刚刚做了，但看起来一样。我可以以某种方式缩小吗？
@Ann 您的表格大小可能以em 或其他受视口大小影响不同的单位调整。确保表格及其字体的大小以像素为单位，然后如果您仍然遇到问题，请尝试在 jsFiddle 中重新创建您的问题。谢谢！
@Ann 在您的 JSFiddle 中，您在 head 中指定了两次元视口标记，因此第二个将覆盖第一个。我还在标签中添加了initial-scale=0.25，以便页面在移动设备上开始缩小。这是final working version of your page。