html+js+css
淡定ya
这个作者很懒,什么都没留下…
展开
-
display布局下的img变形问题
今天用display布局两个img元素的时候,发现图片自动变形了。问题如下:然而我想要的效果是:那么问题来了,为什么会变形呢?是因为flex布局的align-items属性的值默认是stretch:如果项目未设置高度或设为auto,将占满整个容器的高度。但是为什么height变得这么大,我还没有找到原因。而且,在chrome中显示是理想状态的,我是用手机测试的时候才发现图片变形的问题,然...原创 2019-12-25 10:02:27 · 1265 阅读 · 0 评论 -
设置rem或font-size小于12px在浏览器中无效
在开发移动端页面的时候把页面的font-size设置成了10px大小,但是在chrome中调试的时候却发现1rem=12px!一度让我怀疑人生。后面百度了发现原来不同的浏览器对于font-size的最小值是有限制的。比如在chrome中支持的最小值就是12px,在搜狗浏览器中最小值也是12px,可能因为他们用的内核都是一样的吧。所以当设置的font-size小于12px时,也会按照12px渲染。...原创 2019-12-17 17:40:18 · 2519 阅读 · 0 评论 -
今日小结-vue单向双向绑定区别-form的多种提交方式
一、今天犯了一个很低级的错误,就是没搞明白vue里面的单向绑定和双向绑定。浪费了很多时间,以后注意!二、今天想用其他的不是button的dom元素来触发form表单的submit时间。最后发现通过document.forms[formIndex].submit()是可以实现的,该方法提交表单的方式与用户单击 Submit 按钮一样,但是表单的 onsubmit 事件句柄不会被调用。这就很尴尬了,...原创 2019-11-11 18:53:08 · 163 阅读 · 0 评论 -
表单元素的form属性填写的是指定form的id而不是form的name
今天想把一个input加入表单,结果怎么都加不进去,后面仔细看文档才发现。我一直以为将表单元素加入指定表单是添加的一个form并且值为form 的name属性的值,结果竟然是id!!!!...原创 2019-11-08 17:17:23 · 709 阅读 · 0 评论 -
html css敲代码小技巧
在不断学习过程中,发现大佬们有不少的敲代码技巧,减少工作量,遂写此博客方便查阅。1.快速敲出类或者iddiv.containerdiv#container2.ul li 列表8个li内容为‘我是列表’ul>li{我是列表}*8...原创 2019-10-14 16:31:24 · 414 阅读 · 0 评论 -
html form表单以及表单自定义验证
因为在用Vue 的ui库的时候修改样式不太方便,因此这次决定自己写表单,虽然用js可以实现表单的功能且不用考虑form到底怎么使用的。但是还是想学习一下表单,毕竟这个校验的弹框还挺好看的,hhhhh~首先浏览一下表单的文档html 表单 html form标签 html5 表单属性先声明一下我这边是用vue写的项目一、构建一个简单的登录的表单吧 <form action="...原创 2019-10-14 14:44:02 · 2482 阅读 · 1 评论 -
Css里面通过伪类:hover控制其他元素样式的几种情况
今天想用:hover去实现控制其他元素,包括孙子元素,兄弟元素等等,看到一个回答简单明了,纪录在此,方便查阅!传送门转载 2019-09-23 22:18:37 · 2034 阅读 · 0 评论 -
position:fixed;宽高自适应,元素水平垂直居中
今天看到一篇文档,作者是用了transform:translate(-50%,-50%)来减去元素自身的高度和宽度的,因为transform是相较于元素自身的宽高的嘛,看来很多细节还是非常有用的。.modal-user-dialog{ position: fixed; left: 50%; top: 50%; -webkit-transform: transla...转载 2019-10-07 11:47:13 · 2095 阅读 · 0 评论