css 移动的响应时图片变得模糊

dm7nw8vv  于 2023-04-01  发布在  其他
关注(0)|答案(1)|浏览(114)

我正在做这个website,和背景图片,当我看到它在我的移动的,它变得模糊.即使在谷歌开发工具,如果我尝试响应工具,它似乎不错.我尝试了不同的手机,和他们显示模糊也,所以这是我的问题:)这是代码:

.main {
  /* background-image: url("https://images.unsplash.com/photo-1559742811-822873691df8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1534&q=80"); */
  background-image: url("https://images.unsplash.com/photo-1534080564583-6be75777b70a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* background-size: contain; */
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #464646;
}

我看到它here和其他地方,但似乎没有工作。我在这里做错了什么?感谢您的帮助

相关问题