Веб типография в мобильном телефоне

У меня есть эта маленькая проблема с типографией для Веба.

Я присоединяю первое изображение, в котором видят хорошо с инспектора элементов с браузером устройств.

introducir la descripción de la imagen aquí

Здесь с мобильным телефоном.

introducir la descripción de la imagen aquí

Поскольку возможно наблюдать, нижняя часть M отрезается.

HTML:

Matrícula

CSS:

.fullWidth .header-section .title {
  overflow: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.fullWidth .header-section .title h1 {
  overflow: auto;
  text-align: center;
  font-family: "BacktoBlackDemo";
  color: #fff;
  font-size: 120px;
  line-height: 120px;
}

Проверенные решения:

  • Свойство overflow как auto или visible.
  • Свойство line-height очень сверху, или normal но он не последовал для того, чтобы не порезался шрифт.
  • Свойство height. В некоем способе оно функционировало, я поместил так ящик как h1 с высотой заголовка, но продолжи отрезать титул в той же линии.

Возможно типография - виновница, или немного, что я был нужно в CSS больше, чтобы я забыл?

0
задан 20.03.2017, 08:00
2 ответа

SГіlo снимает overflow в .title и h1:

.fullWidth .header-section .title {
  /* overflow: auto; // Es probable que esto te estorbe*/
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.fullWidth .header-section .title h1 {
  /* overflow: auto; // Es probable que esto te estorbe*/
  text-align: center;
  font-family: "BacktoBlackDemo";
  color: #fff;
  font-size: 120px;
  line-height: 1em; /* Éste sugiero que lo cambies a 1em (120px) o 1.2em (144px) para que se ajuste automáticamente dependiendo del tamaño de tu tipografía. */
}

overflow служит для того, чтобы отрезать контент, renderizar scrollbar или для того, чтобы показать контент aГєn, когда выступит Ваш верхний контейнер. AquГ - explicaciГіn завершает .

1
ответ дан 24.11.2019, 12:15
  • 1
    Привет, спасибо за комментирование, ранее не tení ни в одном из обоих, я поместил это overflow, чтобы подтверждать, что он не был что тип из-за какой-то razó n он выступал и скрывался и такой, но не, и line-height я попытался tambié n с этой стоимостью, но не было удачи. Они комментируют мне, что он может проистекать из configuració n tipografí в, если сама – Cheshire 05.12.2016, 23:33
  • 2
    У тебя есть какой-то url, где было возможно подтверждать, или ты можешь создавать пример с ошибкой в jsfiddle , чтобы мочь находить má s rá я прошу ошибку? Из-за изображения, что я не думаю образцы, что это проблема tipografí в. Я 99 % конечно, что это проблема с overflow. – xWaZzo 05.12.2016, 23:36
  • 3
    jsfiddle невозможный пока. у меня есть pá gina приютившая в одном " http" без нее " s" а следовательно блокирует request. Прямо сейчас está пересланная versió n с нею " M" в minú scula, и pá gina у него есть user/pass. – Cheshire 05.12.2016, 23:41
  • 4
    @Cheshire мы нуждаемся больше informació n или мы не будем мочь находить точную проблему, что está происходя. Считай создавать пример mí nimo проверяемый – xWaZzo 06.12.2016, 00:04

Используй следующего cГіdigo css:

line-height: normal;
0
ответ дан 24.11.2019, 12:15
  • 1
    Я только что протестировал это, сейчас actualizaré post – Cheshire 05.12.2016, 22:57
  • 2
    Ища решения, они упоминают, что это может быть проблема шрифта, о стоимости спускать . Для которого ú nica solució n, что дают, дело в том, что изменилась эта стоимость в файле шрифта. – Garrizano 05.12.2016, 23:00
  • 3
    пойдите, ú nico файл, что podí который он было нужно открыть, было .svg шрифта, cambié эта стоимость так в больший как в несовершеннолетнего, но я не видел ningú n я меняюсь – Cheshire 05.12.2016, 23:12
  • 4
    Segú n leí тот, который создал шрифт, - тот, который deberí чтобы делать эти изменения, не sé если в ttf или в котором файле – Garrizano 05.12.2016, 23:14
  • 5
    Ok, merci из-за помощи! – Cheshire 05.12.2016, 23:17