Rikcon

folding ?

line-height:44px; ( line-height = font-size )
НО, если вдруг нужно будет отобразить что-то в две строки то они будут прилеплены пузом друг к другу.

matthew.wagerfield.com/parallax

Максимум что вспомнил похожее.

Он берёт сам тайтл PDF-ки судя по всему.
Вот тут хлопцы решили проблему

https://stackoverflow.com/questions/22136043/chang...

Попробуйте

<meta name="viewport" content="width=device-width, initial-scale=1">

UPD:
Вот мои мета теги с боевого проекта, грубо говоря бутсраповские.

<meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

https://adminlte.io/themes/AdminLTE/pages/tables/s...

Вот посмотрите, внизу есть responsive hover table, от туда можно украсть способ.

https://www.google.com/recaptcha/intro/invisible.html
гугловская рекапча подходит.

caniuse.com/#feat=screen-orientation

Даже не знаю... на цссе есть

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}

но как видите ios safari не спешит это дело переваривать.

добавлять к ассетам версию в get параметре /js/main.js?v=1.2.0

width: 100vw;

viewportsizes.com/mine

Зайдите с этого телефона сюда, вам покажет 320 пикселей.

Размер экрана не совпадает с размером который рисует цсс, потому-что экран маленький, а плотность пикселей большая.

fittextjs.com оно ?

https://github.com/equinusocio/material-theme
Похожа вроде бы как

Похоже что установлен екстеншн для апача mod_pagespeed. Его нужно грохнуть

Покажите лучше на jsfiddle, хз что у вас там в миксине transition

flexboxgrid.com
Если вам нужен только бустраповский грид, то вот он на флексах.