在特定屏幕分辨率(HTML,CSS)上缩放文本后面的图像

时间:2018-04-26 18:24:21

标签: html css

我正在使用购买的html模板为朋友准备即将推出的页面。

该网站在大多数分辨率上显示正常(参见图像1,15“4K:3840x2160),但在某个屏幕分辨率和大小(见图像2,13”4K:3840x2160)上,文本看起来放大了,其中一些在徽标图像后面。

Image 1 (15" 4K display)

Image 2 (13" 4K display)

有关如何解决此问题的任何想法?我尝试在徽标上添加margin-bottom,但没有用。然后我尝试在“We Are”文本中添加margin top,但是在所有屏幕尺寸上向下移动文本,使其不居中,不理想。

1 个答案:

答案 0 :(得分:1)

您可以向margin-top div添加否定.logo。这会将徽标向上移动,因此它不会覆盖您的文本。

.logo {
  margin-top: -50px;
}

希望这会有所帮助:)