首页 > 其他分享 >html 电脑端banner图片百分比自动缩放

html 电脑端banner图片百分比自动缩放

时间:2023-10-16 14:46:45浏览次数:44  
标签:百分比 缩放 电脑 html 自动 banner

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .banner_pic {
            width: 100%;
            height: 284px;
            border: seagreen solid 2px;
        }

    </style>
</head>
<body>
<div class="banner_pic">
    <a href=""
       style="background:rgba(0,0,0,0)
           url(./images/zczx.png) no-repeat center center;
           display:block;width:100%;height:100%;"
    ></a>
</div>
</body>
</html>

标签:百分比,缩放,电脑,html,自动,banner
From: https://www.cnblogs.com/photo520/p/17767280.html

相关文章

  • BitBake使用攻略--BitBake的语法知识二(转载自https://www.cnblogs.com/chegxy/archive
    目录写在前面1.BitBake中的任务2.任务配置2.1依赖2.1.1内部任务间的依赖2.1.2不同菜谱下的任务间依赖2.1.3运行时态下的依赖2.1.4递归依赖2.1.5任务间的依赖2.2事件2.3校验和3.ClassExtensionMechanism 写在前面这是《BitBake使用攻略》系......
  • BitBake使用攻略--从HelloWorld讲起 (转载自:https://www.cnblogs.com/chegxy/p/1571811
    目录写在前面1.什么是BitBake2.BitBake的安装3.使用BitBake构建一个HelloWorld工程后续 写在前面《BitBake使用攻略》系列文章将从今天开始不定时的更新,主要讲解BitBake的背景,基本语法,功能及其命令等知识,旨在为即将从事Yocto项目和OpenEmbedded项目的同学做一些预......
  • html2canvas 截图不全问题解决
    有个低代码平台项目,需求是要将canvas画布上的echarts图表等组件截图保存,如果是正常比例(也就是百分百比例)截图是正常的,但如果画布处于缩放状态进行截图的话就会因组件上的一些样式影响而导致截图不全。为了解决这一问题,在网上也查找了很多资料,终于找到解决办法,亲测有效。话不多说,......
  • web前端html+css页面内容的六种隐藏方式
    一、使用透明度语法:opacity:0注意:元素消失,但是还会占据空间,只是视觉看不出来<style>.box{width:100px;height:100px;background-color:aquamarine;opacity:0;}</style><divclass="box"></div> 二、使用display语法:display:none注意:元素消失,不会占据空间<style......
  • 基于html5开发的Win12网页版,抢先体验
    据MSPoweruser报道,Windows11虽然刚刚开始步入正轨,但最新爆料称微软已经在开启下一个计划,Windows12的开发将在去年3月份开始。德国科技网站Deskmodder.de称,根据内部消息,微软将在2022年3月开始开发Windows12系统,尽管Windows11正式版才在去年10月份发布。即使Wi......
  • Android WebView获取html源码
    通过执行js语句来获取valcode="""document.documentElement.outerHTML""".trimIndent()webview.evaluateJavascript(code){value->valhtmlContent=if(value==null){""}else{//这里需要处理下......
  • htmlunit jar包运行去除日志
    情况:htmlunitjar包运势时候,出现了很多日志: 解决办法:main方法中加入:static{LoggerContextloggerContext=(LoggerContext)LoggerFactory.getILoggerFactory();List<Logger>loggerList=loggerContext.getLoggerList();loggerList.forEa......
  • 从零开发一款图片编辑器(使用html5+javascript)
    最近开发了一个图片编辑器,类似于photoshop的网页版,源码参考自GitHub上,顺便也总结下使用html+js开发一个编辑器需要用到哪些知识点。预览地址:https://ps.gitapp.cngithub地址:https://github.com/photopea/photopea架构设计选型:jquery.js和blueimp-canvas.js都是强大的......
  • html
    Column1Column2Column3Row1,Column1Row1,Column2Row1,Column3Row2,Column1Row2,Column2Row2,Column3Row3,Column1Row3,Column2Row3,Column3Row4,Column1Row4,Column2Row4,Column3Row5,Column1Row5,Column2Row5,Column3<tabl......
  • 颜色表大全 | HTML Color Table
    颜色表大全|HTMLColorTable 以下是颜色表大全 ,可以按Ctrl+F快速查找需要的颜色 鸨色#f7acbc赤白橡#deab8a油色#817936绀桔梗#444693踯躅色#ef5b9c肌色#fedcbd伽罗色#7f7522花色#2b4490桜色#feeeed橙色#f47920青丹#80752c瑠璃色#2a5caa蔷薇色#f05......