摘要: object-fit解决方法: 直接给img套用一个object-fit:cover;让img填满盒模型。 这个方法很简单也很实用,也符合理论上对盒模型和IMG容器的解释。因为img本来也是一个容器,只不过它是公认的用来引导图片的容器,用替换法把图片替换成覆盖的尺寸就是我要的效果。这个思路在理论上都 阅读全文
posted @ 2018-08-10 09:54 苡米阳光 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 点击发送按钮之后,拿到输入框的数据去进行操作,而且输入框的内容会被清空(重置) 划重点,button一定是要在form里面,并且要有formType属性。 下面上代码 Page({ data: { sendInfo: '', userMessage: '' }, <form bindreset="c 阅读全文
posted @ 2018-08-09 15:53 苡米阳光 阅读(1760) 评论(0) 推荐(0) 编辑
摘要: Web前端面试指导(二):编写简历,吃透简历内容 如何写H5/web前端工程简历中的项目经验 web前端岗位工作经历怎么写 阅读全文
posted @ 2018-06-28 20:00 苡米阳光 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 就一张图 响应式(RWD) = 所有设备的代码是一样的 自适应(AWD)= 不同设备的代码是不一样的 就问你服不服 哈~哈~哈~哈 阅读全文
posted @ 2018-06-23 12:57 苡米阳光 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 给子元素应用 阅读全文
posted @ 2018-06-15 09:35 苡米阳光 阅读(3032) 评论(0) 推荐(0) 编辑
摘要: 参考地址 实际运用中出现一个BUG, 第一遍勾选和取消是有效的,但是第二遍以后就没反应了,查看了属性,发现checked属性一直存在,但是没显示勾。就考虑移除checked属性看看。 这次看到checked属性勾上有了,取消就没了,可是问题还是没解决,还是第二遍以后就没反应了。看Jquery手册上说 阅读全文
posted @ 2018-06-14 17:34 苡米阳光 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 解决方法 方法一:将img设置为block; display:block;(已验证) 方法二:设置img的竖直对齐; v-align:bottom; 方法三:设置父级div的font-size:0; 方法四:设置外层div的行高; line-height:0px; 方法五: 定位 父级:positi 阅读全文
posted @ 2018-06-13 10:55 苡米阳光 阅读(162) 评论(0) 推荐(0) 编辑
摘要: textarea元素固定宽高不要拉伸用 resize: none; 背景图片不变形 background-size:cover; CSS中margin-top对父级元素产生作用的问题 这是在做布局时的一个经典问题。那这个问题是怎么产生的呢?主要是合并margin的问题,红色层(子层)的margin- 阅读全文
posted @ 2018-06-11 11:22 苡米阳光 阅读(106) 评论(0) 推荐(0) 编辑
摘要: HTML是什么,HTML5是什么? HTML是超文本标记语言 HTML5 是对 HTML 标准的第五次修订。其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。 但论及 HTML5 时,大部分开发者所指的并不仅仅是这个新标准, 阅读全文
posted @ 2018-06-07 09:35 苡米阳光 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 强制不换行 p { white-space:nowrap; } 自动换行 p { word-wrap:break-word; } 强制英文单词断行 p { word-break:break-all; } *注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。 超出显示省略号 p{text-o 阅读全文
posted @ 2018-06-05 15:40 苡米阳光 阅读(174) 评论(0) 推荐(0) 编辑