#22599: "Display bug on Safari and small screens"
这个案件是关于哪方面的？
发生什么事? 请从下方选择
发生什么事? 请从下方选择
请检查是否已有同课题案件
若肯定，请「投票」给这桩案件。最高票的案件将「优先」处理！
| # | Status | Votes | Game | Type | Title | Last update |
|---|
细节描述
-
• 如果有的话，请将你在屏幕上所看到的错误信息粘贴出来.
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• 请说明你当时想做什么，你做了什么，然后发生了什么
• 您正使用哪一款浏览器呢？
Safari v13.1
-
• 请以英文复制／粘贴显示文字而非你的语言。 如果你有这个系统漏洞发生时的屏幕截图(画质不要太差)，你可以使用Imgur.com来把它上传到网络，然后将链接复制/粘贴到这里来。
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• 这段文本在翻译系统中吗？如果存在，它被翻译是否已超过二十四小时？
• 您正使用哪一款浏览器呢？
Safari v13.1
-
• 请简明而精确地解释您的建议，以便让人明白您想表达的意思。
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. • 您正使用哪一款浏览器呢？
Safari v13.1
-
• 当你被封锁的时候，屏幕上出现了些什么呢？(空白的屏幕？部分游戏平台画面？错误的信息？)
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. • 您正使用哪一款浏览器呢？
Safari v13.1
-
• 哪个规则没有被BGA的设计小组写进游戏里？
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• 在游戏回放中，是否有不符合游戏规则的地方？如果有的话，请问是在哪一步呢？
• 您正使用哪一款浏览器呢？
Safari v13.1
-
• 你当时是想做哪个游戏行动？
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• 你在想做什么的时候，触发了这个游戏选项？
-
• 当你想这么做时，发生了什么事(错误信息，游戏状态信息，......)？
• 您正使用哪一款浏览器呢？
Safari v13.1
-
• 请问这个问题发生在游戏的哪个阶段(当前的游戏说明是什么)？
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• 当你想进行一个游戏行动时，发生了什么事(错误信息，游戏状态信息，......)？
• 您正使用哪一款浏览器呢？
Safari v13.1
-
• 请描述一下显示画面上面的问题。 如果你有这个系统漏洞发生时的屏幕截图(画质不要太差)，你可以使用Imgur.com来把它上传到网络，然后将链接复制/粘贴到这里来。
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. • 您正使用哪一款浏览器呢？
Safari v13.1
-
• 请以英文复制／粘贴显示文字而非你的语言。 如果你有这个系统漏洞发生时的屏幕截图(画质不要太差)，你可以使用Imgur.com来把它上传到网络，然后将链接复制/粘贴到这里来。
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• 这段文本在翻译系统中吗？如果存在，它被翻译是否已超过二十四小时？
• 您正使用哪一款浏览器呢？
Safari v13.1
-
• 请简明而精确地解释您的建议，以便让人明白您想表达的意思。
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. • 您正使用哪一款浏览器呢？
Safari v13.1
案件历史
Sadly Safari handles background-position slightly differently to other browsers when it is specified as a percentage (that is, a multiple of the size of the object being displayed). After calculating the size of the box being displayed, Safari appears to truncate/round those dimensions to an integer number of pixels as they are displayed on the screen, and then draw the image offset by percentages of that integer value. This becomes significant in small windows because the whole view gets scaled down so as to fit the minimum width. This difference of up to half-a-pixel, multiplied by percentages like 2200% adds up to an offset that can be substantial.
NB: I'm not saying Safari isn't wrong to be doing this truncation, but even if someone gets them to fix it, then it will still only look right for BGA users who have updated to the latest and greatest Safari version, whereas using px offsets should be correct for all viewers.
If it will not work. Could you perhaps play a little bit with the background-size-settings? I now have set them fixed:
#carriages .stockitem {
background-size: 780px 100px;
}
and
.citycard {
background-size: 2300px 156px;
}
I am quite sure, it should have to do with the background-size. You could also try for the city cards
.citycard {
background-size: 3450px 235px;
}
and also adapt the stockitem html-fixed-size to 150px x 235 px
增加一些新内容到这篇报告
- 其他的游戏桌 ID / 移动 ID
- 按 F5 是否解决了这个问题？
- 问题是否发生了好几次？还是每次都发生？还是时好时坏？
- 如果你有这个系统漏洞发生时的屏幕截图(画质不要太差)，你可以使用Imgur.com来把它上传到网络，然后将链接复制/粘贴到这里来。
