首页 > 其他分享 >一张svg自适应页面H5项目

一张svg自适应页面H5项目

时间:2023-03-07 13:45:03浏览次数:47  
标签:一张 自定义 svg H5 适应 页面

做一个自适应的图片,海报,做成简单的自适应网页如下

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>自定义文字</title>
		<style>
			* {
				padding: 0;
				margin: 0;
			}
		</style>
	</head>

	<body>
		<img style="width: 100%; display: block;"
			src="插入你制作的图片地址"
			alt="自定义文字" />
	</body>

</html>

演示效果

标签:一张,自定义,svg,H5,适应,页面
From: https://www.cnblogs.com/xkboi/p/17187849.html

相关文章

  • 获取小程序页面路径
    1.在推文草稿中搜索小程序,开启入口2.在小程序中复制路径  ......
  • odoo跳转页面
    odoo跳转页面总结odoo视图跳转我总结为一下几点:1.默认的封装了两个数据,不需要人工维护模型名称(封装到即将跳转的视图的context的active_model属性中)单据id(封装到即将跳......
  • 关于Android Studio的Activity的页面跳转完成
    第一种方式Intentintent=newIntent();intent.setClass(this,MainActivity3.class);startActivity(intent);第二种方式Intentintent=newIntent();intent.setClas......
  • 17 如何使用Qweb开发一个页面
    odoo注重敏捷,但是同时也带来的问题我就是不够灵活,如果有一天你的boss让你做一个工作台,将其他模型的数据进行统计,并使用图表的形式进行展示。这时候该如何做呢?很明显odo......
  • 【django-vue】登录注册模态框分析 登录注册前端页面 腾讯短信功能二次封装 短信验证
    目录昨日回顾csrf跨站请求伪造接口幂等性异常捕获今日内容1登录注册模态框分析Login.vueHeader.vue2登录注册前端页面复制2.0Header.vue2.1Login.vue2.2Register.vue3......
  • 计算机基础_WebSocket以及从URL到页面展示过程
    理解WebSocket协议的底层原理websocket本质上是一种计算机网络应用层的协议,用来弥补http协议在持久通信能力上的不足。虽然http有了keep-alive,但是本质上http请求还是请求......
  • 认证页面
    xhaoxing文件id:6d7d80c2dfc77af1e6192e5ee29b381c splash.html<!DOCTYPEhtml><htmllang="en"><head><!--响应式布局1.在meta中声明viewport元标签-->......
  • 在多个页面中使用多个类似的图表
    遇到的问题:1、图表在页面切换时请求结束需要操作dom,所以为组件添加保活机制2、多个图表在一个页面中时,因为echarts是根据dom元素的id来初始化的,所以需要给组件赋予不同的......
  • vue 中数组值改变但页面未渲染问题
    这里想通过点击按钮打开抽屉,由于抽屉较多,这里我用数组存储了按钮<el-button@click="drawer[index]=true"type="primary"size="small">抽屉<el-dr......
  • 防止网站页面被其他网站iframe引用方法
    1、在响应头里加一个X-Frame-Options其取值有三种,大部分浏览器都支持:DENY:浏览器拒绝当前页面加载任何Frame页面SAMEORIGIN:frame页面的地址只能为同源域名下的页面ALLOW-FROM......