我在我的网站上使用 WordPress Twenty Seventeen，我在移动设备上遇到标题图片问题。当我开始滚动时，标题图片有点放大，我试图用谷歌搜索这个问题，但一无所获，我试过浏览 CSS 代码，但没有看到任何过渡或元素变化，当我检查它们，这是一个示例站点:
当您开始滚动时，标题图片会变短并放大，是否有办法防止这种情况发生，以便它在滚动前保持相同大小？
最佳答案
发生这种情况是因为 mobile-chrome 将地址栏计算为视口(viewport)高度，并且在滚动网页时地址栏也会滚动并且可见区域会动态更改其高度。
例如在 320px X 360px 屏幕上，在带有地址栏的 mobile-chrome 上，视口(viewport)的高度为 564px 并且本地址栏消失后滚动后，视口(viewport)的高度变为 620px.
带地址栏的视口(viewport)高度
没有地址栏的视口(viewport)高度
现在 .wp-custom-header 中的 image 采用 min-height:100%;height:100% 这将动态改变高度，因此图像在滚动时会改变它的尺寸。
更好的方法是在媒体查询中以像素为单位固定图像的高度。
.has-header-image .custom-header-media img{
height: 620px;
min-height: 0;
}
类似问题:
关于html - Wordpress 二十十七页眉滚动移动放大，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45668170/