您如何诊断为什么某些字体与PHP，CSS中的网页中的其他字体不同... [英] How would you diagnose why some fonts are different than others in a web page made in PHP, CSS...

问题描述

我知道这是一个非常模糊和通用的问题，对不起。



我正在更新一个网页，我试图找出为什么有些字体在我的手机中看起来很好以及为什么其他字体看起来很小。



在我测试过的所有桌面浏览器中（chrome，firefox，edge，ie，opera），一切看起来都很完美。



CSS文件中唯一指定的字体是那些：字体：11Pt Arial，Helvetica，sans-serif;所有其他的都是默认的。



有没有什么工具可以帮我看看发生了什么？



这只发生在Chrome for android ...



三星网页浏览器工作正常...



谢谢大家的任何指针...



我尝试了什么：



仔细查看代码，搜索互联网...

Hi,

I know this is a very vague and generic question, sorry for that.

I'm updating a web page and I'm trying to find out why some fonts are looking good in my phone and why other fonts are looking very small.

In all the desktop browsers I've tested (chrome, firefox, edge, ie, opera) everything looks perfect.

The only specified fonts in the CSS file are those ones: "font: 11Pt Arial, Helvetica, sans-serif;" all the other ones are the default.

Is there any tool that could help me seeing what is going on?

This is happening only in chrome for android...

The Samsung web browser works fine...

Thank you all for any pointer...

What I have tried:

double check the code, search the internet...

推荐答案

您不能指望桌面适合页面显示为它在手机等小屏幕设备上看起来很正常，这是 HTML响应式网页设计的区域[ ^ ]

更多阅读：

1. 响应性网络的三个响应设计 [<啊ref =https://www.codeproject.com/Articles/1151775/The-Three-Rs-of-Responsive-Web-Designtarget =_ blanktitle =New Window> ^ ]

2. 响应式网页设计基础  | 网络  |  Google开发者 [ ^ ]

大多数现代浏览器的开发人员工具中都包含设备模拟器，可虚拟模拟真实移动设备上的测试。

要启动开发人员工具，请按CTRL +在Google Chrome和Firefox上按SHIFT + I，您可以切换设备工具栏，您可以在其中选择不同的设备类型，屏幕配置和旋转来测试您的网页。

You can't expect a desktop-fitting page to show as it is and looks right on smaller screen devices such as mobile phones, this is the area for HTML Responsive Web Design[^]
More reading:
1. The Three R’s of Responsive Web Design[^]
2. Responsive Web Design Basics  |  Web  |  Google Developers[^]
There are device emulators included in the developer tools of most modern browsers to simulate testing on real mobile devices virtually.
To launch the developer tools, press CTRL+SHIFT+I on Google Chrome and Firefox, You can toggle the device toolbar on which you can select different device types, screen configurations and rotations to test your web pages.

这篇关于您如何诊断为什么某些字体与PHP，CSS中的网页中的其他字体不同...的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！