响应式设计/视口

Question

假设我有一个网站在其移动视图中看起来像这样：

使字体更具可读性的最佳方法是什么？

视口目前配置如下：

<meta name="viewport" content="width=1366, user-scalable=yes">

将其更改为

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

有什么不同吗？是否有任何在线模拟器可以向我展示该站点在该视口下的外观？我显然是新手，但到目前为止我一直在使用 mobilephoneemulator.com，在那里我可以看到我对 CSS 的更改，但看不到对视口的更改。

我也尝试过增加字体，但似乎必须将字体大小增加到一个较大的值才能使文本可读，所以这就是为什么我认为问题可能出在视口或其他问题上大于字体大小。

Answer 1

文字这么小的原因是你告诉浏览器手机的宽度是1366px，基本上从网站缩小。
所以是的，使用：

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

应该解决问题。