响应时字体大小会有所不同

时间:2018-11-03 10:00:41

标签: javascript html css responsiveness

遇到了一个问题–我的页面上有一个灯箱程序,可以以幻灯片形式显示图片。一切看起来都应该在宽屏幕上显示(例如,在显示器上),但是当我在智能手机上(也在Google Chrome的模拟器上)观看时,每张图片的字体大小总是不同的!例如:One of examples where it's the case。我检查了CSS,一切都必须没问题,但事实并非如此。有人可以帮我吗,也许是JS程序中甚至是CSS中的错误?

请帮助!

1 个答案:

答案 0 :(得分:1)

这是一个CSS媒体查询,您可以在每个屏幕尺寸(按with和height)中控制样式。

例如:

password

您将看到在移动设备上它具有以下媒体查询:

if you open the console.
Click on element tab.
search: .lb-caption

这是因为有人想在查询为true时添加样式。

字体大小是:150%。

如果将其更改为特定的字体大小(不是基于百分比,则应该相同)。

即字体大小:30px;