h5-提升移动端的响应区域
2024-09-06 16:58:37
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
padding: 0;
margin: 0;
}
/*提升移动端响应区域的大小*/
a{
width: 50px;
height: 50px;
display: block;
background-color: #ddd;
margin: 100px auto;
box-sizing: border-box; background-image: url("../img/login.gif");
background-size: 202px 44px;
/*设置背景偏移,参照background-origin原点,这个原点默认在容器的左上角*/
background-position: -37px -5px; /*添加padding*/
padding: 10px;
/*设置背景坐标的原点*/
/*
border-box:从border的位置开始填充背景,会与border重叠
padding-box:从padding的位置开始填充背景,会与padding重叠
content-box:从content的位置开始填充背景,会与content重叠
*/
background-origin: content-box;
/*设置内容的裁切:设置裁切,控制的是显示
border-box:显示border以及以内内容
padding-box:显示padding以及以内内容
content-box:显示content以及以内内容
*/
background-clip: content-box;
}
</style>
</head>
<body>
<a href=""></a>
</body>
</html>
最新文章
- 构建angular项目
- C#中调用python方法
- Codeforces 271 Div 2 A	 Keyboard
- ajax执行完成后,再执行下面的代码的解决办法
- C++成员权限控制(总结)
- 简单排序算法 C++类实现
- 获取 windows地址栏 网页地址栏 文件名
- POJ1222 高斯消元法解抑或方程
- Python IDLE 清屏工具
- flask开发restful api系列(5)-短信验证码
- 基于toyix的进程和轻权进程的学习
- [转]Windows平台下LispBox环境搭建
- poj 1155 TELE (树形背包dp)
- kali rolling 安装typecho
- Selenium+Java显示等待和隐式等待
- [lua]luasocket.c:20:17: fatal error: lua.h: No such file or directory
- Python全栈-magedu-2018-笔记4
- 页面适配的小栗子 - github
- ILMerge合并多个DLL (转)
- Linux进程被杀掉(OOM killer),查看系统日志