Css
暖一杯茶
这个作者很懒,什么都没留下…
展开
-
使用iframe标签来显示后台返回的内容
HTML标签<iframe id="iframe" frameborder="0" // 0不显示边框,1显示边框 scrolling="no" //关闭滑动>></iframe>JS代码中infoLawContent({ id: this.id }).then(res => { if (res.code == "1000") { this.info = res.data[0]; var iframe = document.原创 2021-01-11 17:26:43 · 2086 阅读 · 0 评论 -
在ios系统浏览器中输入框得到焦点时页面自动放大
<meta name="apple-mobile-web-app-capable" content="yes"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">原创 2019-08-13 10:45:41 · 868 阅读 · 0 评论 -
【移动端布局】让图片保持等比例缩放 (实用)
摘要:前端写页面布局时,图片变形是个很令人头疼的问题,手机屏幕分辨率不一样,出来的效果就不一样,下面的代码可以解决这些问题,保持图片在不同分辨率下面也可以让图片不变形首先不能给外层列表定高度,用margin或者padding撑开.album-li-pic{height:0;overflow:hidden;margin:0;padding-bottom:100%;}img用定位的方式布局,w...转载 2019-08-01 14:57:24 · 4774 阅读 · 0 评论 -
关于 textarea 标签在苹果微信浏览器出现 内阴影
解决方法:(去除浏览器默认的样式元素)textarea { box-shadow:0px 0px 0px rgba(0,0,0,0); -webkit-appearance:none;}原创 2019-08-05 15:46:08 · 215 阅读 · 0 评论 -
textarea 元素的 placeholder 属性不显示
textarea 的 placeholder 属性值不显示的原因可能是 与 之间存在空格或者换行原创 2019-08-05 13:59:10 · 317 阅读 · 0 评论 -
meta 标签大全
相信在html5之前,很少人会关注html页面上head里标签元素的定义和应用场景,可能记得住的只有"title"、"keyword"和"description"这些meta在逐渐了解使用html新标准后,特别是移动页面的开发普及,可以看到html中这一块内容越来越重要为大家所认识,初次见到这些标签基本是摸不着头脑,今天就来梳理这些标签的定义(以html5标准展开); 先来一个页面概括,he...转载 2019-07-31 15:59:48 · 892 阅读 · 0 评论 -
web前端 — 移动端知识的一些总结
个人在移动端的一些总结归纳,有新的知识点会一直更新一.css部分1.用transition做动画时,变形尽量通过transform来实现,而不是用height,width等属性。transform可明显减少重绘、重画1.meta标签<meta name="viewport" content="w...转载 2019-07-12 16:41:39 · 158 阅读 · 0 评论 -
改变input输入文字后有背景
版权声明:本文为博主原创文章,未经博主允许不得转载。https://blog.csdn.net/weixin_44932450 改变input输入文字后有背景解决方法input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1...原创 2019-07-03 11:06:14 · 5152 阅读 · 0 评论 -
CSS中如何设置父元素透明度不影响子元素透明度
css中经常会遇到设置了父元素的透明度,后会直接影响到子元素的透明度。例如:设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.5的透明度。即使设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基础上设置的,因此子元素的opacity还是0.5。解决方法:为父元素设置background...原创 2019-05-29 17:40:57 · 1616 阅读 · 2 评论 -
改变input文字颜色或字体
版权声明:本文为博主原创文章,未经博主允许不得转载。https://blog.csdn.net/weixin_44932450/* WebKit browsers */input::-webkit-input-placeholder { color: #C0C0C0; font-size: 14px;}/* Mozilla Firefox 4 to 18 */in...原创 2019-06-12 16:46:43 · 4283 阅读 · 0 评论 -
Css移动端隐藏滚动条并且可以滚动内容
版权声明:本文为博主原创文章,未经博主允许不得转载。https://blog.csdn.net/weixin_44932450Css移动端隐藏滚动条并且可以滚动内容element::-webkit-scrollbar { display: none; //个人建议使用这个}element::-webkit-scrollbar { width: 0; //用这个会...原创 2019-05-23 17:13:32 · 3092 阅读 · 0 评论 -
:nth-child(){}用法
版权声明:本文为博主原创文章,未经博主允许不得转载。https://blog.csdn.net/weixin_44932450:first-child 选取第一个标签:last-child 选取最后一个标签:nth-child(2) 选取第二个标签:nth-child(n) 选取第N个标签:nth-child(2n) :nth-child(even) 选取偶数标...原创 2019-05-22 18:43:18 · 485 阅读 · 0 评论 -
关于css文字超出显示省略号失效
只需要加上white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; //只显示两行overflow: hidden;/* autoprefixer: off *//*autoprefixer: on */产生的原因是autoprefixer自动移除老...原创 2019-05-21 13:38:25 · 1758 阅读 · 0 评论