通过智能手机 OnePlus 3T 在网站上的字体大小和 img 高度太大
Font-size and img height too big at website through smartphone OnePlus 3T
我刚刚推出了我的网站的浏览器移动版本，在我尝试过的所有设备中看起来都符合预期，包括通过 Chrome DevTools 的设备模拟器获得的许多不同尺寸。
但是，一位用户刚刚报告说，他在 OnePlus 3T 智能手机上看到的图片和文字都太大了。
预期的智能手机布局：
OnePlus 3T布局：
我试图在 Chrome 的 Device Emulator 中重现它，但没有成功。
我在 font-size 和 height.
的 CSS 中使用 px 作为单位
OnePlus 3T的屏幕规格如下，我觉得比较正常：
Size 5.5 inches, 83.4 cm2 (~73.1% screen-to-body ratio)
Resolution 1080 x 1920 pixels, 16:9 ratio (~401 ppi density)
知道为什么一切都显得那么大吗？
Here link 到其中一个布局，以防有人想看一看。
更新
显然，问题与元标记有关
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
智能手机以某种方式应用元标记，或产生相同效果的东西...
听起来很明显，但他是否在 Android 设置 > 显示下更改了字体大小或显示大小？
我会使用 em 或 rem 之类的相对测量值，而不是 px。您可以通过减小较小设备上的字体大小来缩小页面。
@media only screen and (max-width: 600px) {
.icon-selector {
font-size: 0.8rem;
}}
通过在 header 中添加以下行，问题已解决：
<meta name="viewport" content="width=1200, user-scalable=no">
我刚刚推出了我的网站的浏览器移动版本，在我尝试过的所有设备中看起来都符合预期，包括通过 Chrome DevTools 的设备模拟器获得的许多不同尺寸。
但是，一位用户刚刚报告说，他在 OnePlus 3T 智能手机上看到的图片和文字都太大了。
预期的智能手机布局：
OnePlus 3T布局：
我试图在 Chrome 的 Device Emulator 中重现它，但没有成功。
我在 font-size 和 height.
OnePlus 3T的屏幕规格如下，我觉得比较正常：
Size 5.5 inches, 83.4 cm2 (~73.1% screen-to-body ratio)
Resolution 1080 x 1920 pixels, 16:9 ratio (~401 ppi density)
知道为什么一切都显得那么大吗？
Here link 到其中一个布局，以防有人想看一看。
更新
显然，问题与元标记有关
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
智能手机以某种方式应用元标记，或产生相同效果的东西...
听起来很明显，但他是否在 Android 设置 > 显示下更改了字体大小或显示大小？
我会使用 em 或 rem 之类的相对测量值，而不是 px。您可以通过减小较小设备上的字体大小来缩小页面。
@media only screen and (max-width: 600px) {
.icon-selector {
font-size: 0.8rem;
}}
通过在 header 中添加以下行，问题已解决：
<meta name="viewport" content="width=1200, user-scalable=no">