html页面背景自适应问题

问题描述：

在设计html页面背景时使用以下代码虽完成背景图唯一并自定义缩放，但整体页面显示还是受图片分辨率影响，请问各位大佬有啥办法能够固定设计分辨率。。。

<!DOCTYPE html>
<body background="beijing.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>

答

什么意思，是说原始图片被缩放失真了吗？

答

你是说会失帧？只能等比例缩放https://blog.csdn.net/wzj2584454/article/details/78100233，背景图片不可以使用zoom，sclace。

答

background:url('beijing.png') no-repeat;
background-size: auto 100%;/*高100%，宽原图等比缩放*/
background-position:center center;

答

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

html页面背景自适应问题

相关推荐