图片铺满浏览器的相关内容

[帮助文档] 为什么PNG格式图片使用Chrome浏览器无法预览

问题分析：浏览器预览图片是浏览器自身的行为，与OSS无关。如果使用Safari浏览器可以预览，而使用Chrome浏览器无法预览的话，通常是因为Chrome浏览器不支持这种格式。但是Chrome浏览器是可以支持PNG格式图片的预览的，所以原因可能是图片的真正格式并不是PNG。查看图片原格式的方法如下：...

如何让一张图片不重复铺满整个浏览器？

我把宽高都设为100%，backgroud-size：cover，图片也设置了不重复，但是没有看到效果浏览器缩小后图片并没有铺满整个网页，请教大神正确的该怎么写？谢谢！！

共有3条

< 1 >

跳转至： GO

更新时间 2024-02-28 21:03:42

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"ifIcon":"img","link":"https://www.aliyun.com/product/network/ntr?spm=5176.21213303.J_6704733920.7.5c3453c9fmbw7y&scm=20140722.S_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989._.ID_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989-RL_%E8%BD%AC%E5%8F%91%E8%B7%AF%E7%94%B1%E5%99%A8-LOC_main-OR_ser-V_2-RK_rerank-P0_0","icon":"ntr","iconImg":"https://img.alicdn.com/imgextra/i4/O1CN0111CCNj20StUL2MvgX_!!6000000006849-0-tps-394-394.jpg","contentLink":"https://www.aliyun.com/product/network/ntr?spm=5176.21213303.J_6704733920.7.5c3453c9fmbw7y&scm=20140722.S_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989._.ID_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989-RL_%E8%BD%AC%E5%8F%91%E8%B7%AF%E7%94%B1%E5%99%A8-LOC_main-OR_ser-V_2-RK_rerank-P0_0","title":"转发路由器 TransitRouter","des":"转发路由器TransitRouter（简称“TR”）是地域范围内企业级核心转发网元，可为用户转发同地域或不同地域的网络实例间的流量，支持在地域内定义灵活的互通、隔离、引流策略，帮助用户打造一张灵活、可靠、大规模的企业级互联网络。","link1":"https://www.aliyun.com/product/network/ntr?spm=5176.21213303.J_6704733920.7.5c3453c9fmbw7y&scm=20140722.S_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989._.ID_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989-RL_%E8%BD%AC%E5%8F%91%E8%B7%AF%E7%94%B1%E5%99%A8-LOC_main-OR_ser-V_2-RK_rerank-P0_0","btn1":"查看详情","link2":"https://help.aliyun.com/document_detail/189596.html?spm=5176.26062207.J_2883378880.3.42ce653dqKpeSb","btn2":"产品文档","btn3":"","link3":"","infoGroup":[{"infoName":"产品入门","infoContent":{"firstContentName":"产品简介","firstContentLink":"https://help.aliyun.com/document_detail/471173.html","lastContentName":"常见问题","lastContentLink":"https://help.aliyun.com/document_detail/471945.html"}},{"infoName":"开发指南","infoContent":{"firstContentName":"开发参考","firstContentLink":"https://help.aliyun.com/document_detail/470918.html","lastContentName":"故障排除","lastContentLink":"https://help.aliyun.com/document_detail/471801.html"}}]}],"card":[],"search":[],"infoCard":[],"title":{"mainTitle":"转发路由器 TransitRouter","subtitle":"转发路由器 Transit Router（简称“TR”）是地域范围内企业级核心转发网元，可为用户转发同地域或不同地域的网络实例间的流量，并支持在地域内定义灵活的互通、隔离、引流策略，帮助用户打造一张灵活、可靠、大规模的企业级互联网络。","linkUrl":"https://www.aliyun.com/product/network/ntr","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/imgextra/i1/O1CN01Esi36g20FbySg4xdb_!!6000000006820-2-tps-3840-740.png","icon":"https://img.alicdn.com/imgextra/i1/O1CN010nAnKU1uHXx2sxwSw_!!6000000006012-2-tps-296-236.png","textColor":"dark"},"dataList":[],"sceneCard":[],"txt":[]}

{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"ifIcon":"img","link":"https://www.aliyun.com/product/network/ntr?spm=5176.21213303.J_6704733920.7.5c3453c9fmbw7y&scm=20140722.S_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989._.ID_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989-RL_%E8%BD%AC%E5%8F%91%E8%B7%AF%E7%94%B1%E5%99%A8-LOC_main-OR_ser-V_2-RK_rerank-P0_0","icon":"ntr","iconImg":"https://img.alicdn.com/imgextra/i4/O1CN0111CCNj20StUL2MvgX_!!6000000006849-0-tps-394-394.jpg","contentLink":"https://www.aliyun.com/product/network/ntr?spm=5176.21213303.J_6704733920.7.5c3453c9fmbw7y&scm=20140722.S_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989._.ID_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989-RL_%E8%BD%AC%E5%8F%91%E8%B7%AF%E7%94%B1%E5%99%A8-LOC_main-OR_ser-V_2-RK_rerank-P0_0","title":"转发路由器 TransitRouter","des":"转发路由器TransitRouter（简称“TR”）是地域范围内企业级核心转发网元，可为用户转发同地域或不同地域的网络实例间的流量，支持在地域内定义灵活的互通、隔离、引流策略，帮助用户打造一张灵活、可靠、大规模的企业级互联网络。","link1":"https://www.aliyun.com/product/network/ntr?spm=5176.21213303.J_6704733920.7.5c3453c9fmbw7y&scm=20140722.S_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989._.ID_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@1606989-RL_%E8%BD%AC%E5%8F%91%E8%B7%AF%E7%94%B1%E5%99%A8-LOC_main-OR_ser-V_2-RK_rerank-P0_0","btn1":"查看详情","link2":"https://help.aliyun.com/document_detail/189596.html?spm=5176.26062207.J_2883378880.3.42ce653dqKpeSb","btn2":"产品文档","btn3":"","link3":"","infoGroup":[{"infoName":"产品入门","infoContent":{"firstContentName":"产品简介","firstContentLink":"https://help.aliyun.com/document_detail/471173.html","lastContentName":"常见问题","lastContentLink":"https://help.aliyun.com/document_detail/471945.html"}},{"infoName":"开发指南","infoContent":{"firstContentName":"开发参考","firstContentLink":"https://help.aliyun.com/document_detail/470918.html","lastContentName":"故障排除","lastContentLink":"https://help.aliyun.com/document_detail/471801.html"}}]}],"card":[],"search":[],"infoCard":[],"title":{"mainTitle":"转发路由器 TransitRouter","subtitle":"转发路由器 Transit Router（简称“TR”）是地域范围内企业级核心转发网元，可为用户转发同地域或不同地域的网络实例间的流量，并支持在地域内定义灵活的互通、隔离、引流策略，帮助用户打造一张灵活、可靠、大规模的企业级互联网络。","linkUrl":"https://www.aliyun.com/product/network/ntr","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/imgextra/i1/O1CN01Esi36g20FbySg4xdb_!!6000000006820-2-tps-3840-740.png","icon":"https://img.alicdn.com/imgextra/i1/O1CN010nAnKU1uHXx2sxwSw_!!6000000006012-2-tps-296-236.png","textColor":"dark"},"dataList":[],"sceneCard":[],"txt":[]}}