#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
-
• Пожалуйста, скопируйте/вставьте текст, который отображается на английском языке, вместо вашего. Если у вас есть скриншот этой ошибки (что является хорошей практикой), вы можете использовать любой сервис для размещения изображений (например, snipboard.io), чтобы загрузить его и скопировать/вставить ссылку сюда. Доступен ли этот текст в системе перевода? Если да, был ли он переведён более 24 часов назад?
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
-
• Какая часть правил не соблюдена в версии БГА
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
-
• Пожалуйста, опишите ошибку отображения. Если у вас есть скриншот этой ошибки (что является хорошей практикой), вы можете использовать любой сервис для размещения изображений (например, snipboard.io), чтобы загрузить его и скопировать/вставить ссылку сюда.
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
-
• Пожалуйста, скопируйте/вставьте текст, который отображается на английском языке, вместо вашего. Если у вас есть скриншот этой ошибки (что является хорошей практикой), вы можете использовать любой сервис для размещения изображений (например, snipboard.io), чтобы загрузить его и скопировать/вставить ссылку сюда. Доступен ли этот текст в системе перевода? Если да, был ли он переведён более 24 часов назад?
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
Добавить что-нибудь к этому отчёту
- Другой номер игрового стола / номер хода
- Помогло ли решить проблему нажатие F5?
- Случилась ли проблема несколько раз? Постоянно? От случая к случаю?
- Если у вас есть скриншот этой ошибки (что является хорошей практикой), вы можете использовать любой сервис для размещения изображений (например, snipboard.io), чтобы загрузить его и скопировать/вставить ссылку сюда.
