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

Javascript 响应时字体大小会有所不同,javascript,html,css,responsiveness,Javascript,Html,Css,Responsiveness,我遇到了这样一个问题——我的页面上有一个lightbox程序,可以将图片显示为幻灯片。在大屏幕上(例如在显示器上)一切看起来都应该如此,但当我在智能手机上(也在谷歌Chrome的模拟器上)观看时,每张图片的字体大小总是不同的!这里,例如:。我已经检查了CSS,一切都必须正常,但事实并非如此。有人能帮我吗,也许JS程序中有个bug,甚至CSS中也有 请帮忙 这是一个css媒体查询,您可以控制每个屏幕大小中的样式(通过with和height) 例如: if you open the console.

我遇到了这样一个问题——我的页面上有一个lightbox程序,可以将图片显示为幻灯片。在大屏幕上(例如在显示器上)一切看起来都应该如此,但当我在智能手机上(也在谷歌Chrome的模拟器上)观看时,每张图片的字体大小总是不同的!这里,例如:。我已经检查了CSS,一切都必须正常,但事实并非如此。有人能帮我吗,也许JS程序中有个bug,甚至CSS中也有


请帮忙

这是一个css媒体查询,您可以控制每个屏幕大小中的样式(通过with和height)

例如:

if you open the console.
Click on element tab.
search: .lb-caption
您将看到,在移动设备上,它有以下媒体查询:

@media (min-height: 1060px) and (min-width: 980px) and (orientation: portrait)
这是因为有人想在查询为真时添加样式

字体大小为:150%

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


i、 e.字体大小:30px

我不确定我是否理解:你想知道为什么你在手机和桌面上看到了不同的风格吗?因为我无法输入js和css代码,这里是指向这些文件的链接:但是你在问什么?请更具体一点:哪个文本的字体大小?@AlonShmiel不,只是手机中不同图片下的字体大小不同。灯箱中图片下文本的字体大小。例如:这个?谢谢你。但是,我试过了,现在字体大小是px,但问题仍然没有解决-现在第三张图片下的字体是正常的,第一张和第二张图片下的字体都是大的:-Ohi,