html
柚子·小哥哥
这个作者很懒,什么都没留下…
展开
-
解决移动端兼容问题
解决移动端兼容问题:1、在ios手机上使用 <input type='button'> 属性的disabled 设置为true,会出现文字和背景异常问题;解决方法:使用opacity = 1 ,可以解决这个问题2、 input为fixed定位,在ios下input固定定位在顶部或者底部,在页面滚动一些距离后,点击input(弹出键盘),input位置会出现在中间位置解决方案:内容列表框也是fixed定位,这样不会出现fixed错位的问题3、 在移动端图片上传图片兼容低端机的问原创 2020-10-31 23:53:40 · 403 阅读 · 0 评论 -
推荐一款vs编辑器画图插件
插件名称: jdraw.io创建文件的后缀要写成 .jdraw形式效果:原创 2020-10-24 11:38:11 · 555 阅读 · 0 评论 -
css3 实现点赞动画
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> /* 规定动画,改变y轴偏移原创 2020-08-29 14:28:36 · 1700 阅读 · 0 评论 -
了解BFC,看着一篇就够了
BFC 定义:BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。在解释什么是BFC之前,我们需要先知道Box、Formatting Context的概念。Box:css布局的基本单位Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,原创 2020-08-01 21:35:22 · 146 阅读 · 0 评论 -
css动态生成机器猫(带有背景音乐):
动态生成机器猫:核心代码:css*{margin:0;padding: 0;box-sizing:border-box}*::after{box-sizing:border-box}*::before{box-sizing:border-box}body{ display: flex; flex-direction: column; height: 100vh;}.code-wrapper{ flex: 1; height: 50%;}#p.原创 2020-07-18 20:02:28 · 318 阅读 · 0 评论 -
meta 标签的使用:
meta 标签的使用:name 属性:uc 浏览器强制竖屏:<meta name="screen-orientation" content="portrait">QQ 强制竖屏:<meta name="x5-orientation" content="portrait">UC 强制全屏:<meta name="full-screen" content="yes">QQ 强制全屏:<meta name="x5-fulls原创 2020-05-23 19:23:24 · 520 阅读 · 0 评论