HTML5
小影_8978
热爱记笔记的程序媛,如果有什么问题欢迎指正哦,可留言,可邮件联系,hy8978@163.com
展开
-
rem.js 为什么不能正常运行?
designWidth 是设计图的宽度,maxWidth是最大宽度。下面是我觉得非常好用的一个rem.js 的方法。将这个方法写在一个rem.js 的文件里面运行。否则,你的rem.js 的引用会非常奇怪。一定要在html文件加上这行代码。原创 2023-04-07 19:16:23 · 182 阅读 · 0 评论 -
H5 输入框在部分ios手机上无法复制粘贴
iphone7没有办法将复制的文字粘贴到页面的输入框原创 2023-03-23 16:07:49 · 921 阅读 · 0 评论 -
css + 瀑布流 + flex 布局
高度不一致盒子,左右排列均分容器。效果图如下。html代码: css代码:一定要子元素的css样式,设置 否在你回看到换行组件被截掉的情况。多加几个字元素,就是以下效果:原创 2022-07-08 18:36:57 · 1997 阅读 · 0 评论 -
calc 计算css的值
/* calc */ .calc-box { width: 200px; height: 200px; background-color: aquamarine; } .calc-son-box { width: calc(100% - 20px); height: calc(100% - 60px); background-color: #FFFF00; }html 代码<!-- 计算 --> <div class=...原创 2022-01-10 11:41:40 · 141 阅读 · 0 评论 -
普通标签变成可编辑的标签
除了表单元素input之外,其他标签转为可编辑标签只需要一个属性就行contenteditable<div class="scoll-bar" contenteditable="true"> <p>好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,好多鱼好多</div>...原创 2022-01-10 11:34:15 · 201 阅读 · 0 评论 -
IOS部分机型无法自动播放audio和video的问题
varmusic=document.getElementById('video');varstate=0;document.addEventListener('touchstart',function(){if(state==0){music.play();state=1;}},false);document.addEventListener("redy-box",function(){music.play(...原创 2022-01-10 11:30:37 · 2064 阅读 · 0 评论 -
IOS手机滚动条滑动不流畅
<div></div>css代码:div { overflow:auto; -webkit-overflow-scrolling:touch; height: 100px; }原创 2022-01-10 11:15:38 · 1887 阅读 · 0 评论 -
CSS 一行文本超出VS多行文本超出
首先准备html的容器<div class="parent"> 好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,</div>一行文本超出css代码如下:.parent { width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}效果如图:多行文本超出css代码如下:.parent {.原创 2022-01-10 11:13:15 · 164 阅读 · 0 评论 -
CSS 水平垂直居中的两种方式。
首先,还是准备父元素和子元素的html代码<div class="parent"> <div class="son"></div></div>首先是定位方式:父元素设置position:relative.parent { position: relative; width: 100px; height: 100px; background-color: yellow;}子元素设置position:absolute原创 2022-01-10 11:03:19 · 75 阅读 · 0 评论 -
使用CSS 写出一个小三角形
在html中准备一个div<div id=""></div>在css代码中添加如下代码:div { width: 0px; height: 0px; border: 25px solid transparent; border-top-color: red; }然后就可以看到页面有一个等边三角形啦如果你想要三角形更大一点。修改border的值就好啦...原创 2022-01-10 10:45:04 · 225 阅读 · 0 评论