css - 标题图像大小

标签 css image web squarespace

我网站的 URL 是 http://chris-schilling-jksc.squarespace.com/ 进入网站的密码是fsj

我使用的是 Squarespace 模板,这导致我在放大主标题图像时遇到问题。目前它相当放大以切断很多图片。我正在寻找一些 CSS 来解决这个问题。 Squarespace 模板具有响应性,因此很难自定义某些方面。如果有人知道我的问题的解决方案,将不胜感激。

最佳答案

图像“放大”的原因是背景尺寸设置为覆盖。随着屏幕变宽,图像必须水平和垂直拉伸(stretch)以保持正确的纵横比。这里唯一真正的解决办法是使用更窄的图像,尽管它会在较小的屏幕上以某些纵横比“放大”。

关于css - 标题图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22976975/

相关文章:

css - 如何将 CSS 列扩展到可用空间?

javascript - Reveal JS 去除特定幻灯片的固定纵横比

javascript - jQuery 对话框中的 Z-index。自动建议列表未正确显示

安卓应用程序 :Error "Found text"

python - 有效地计算图像像素差异

android - web/android类比: declarative vs programmatic layout

jquery - 图像仅在 Safari 中第一次可见

javascript - 如何处理DropZone.js文件上传完成

iphone - 为 UITableView 存储来自网络的图像

javascript - 如何删除 iFrame 中的某个元素