На будущее - если будете ставить в процентах - то, тот элемент, будь картинка или текст - будут меняться в зависимости от разрешения экрана.
Что же вы такое пишете?
font-size в % - от font-size родителя
transform translate в % - от собственных размеров
ширина в % - от ширины родителя
padding (и вертикальный и горизонтальный) в % - от ширины родителя
и т.д., полистайте справочничек.
Еще от размера вьюпорта что-то может в итоге зависеть, но никак не от разрешения экрана (хотя бывает что они совпадают, редко по обоим измерениям).
Принимать во внимание - да.
И брать наиболее релевантный фрагмент из контента и описания.
А не просто брать описание и формировать из него сниппет.