分类: HTML/CSS
box-shadow如何控制只在某一边显示
如下代码 .box { height: 150px; width: 300px; margin: 20px; … 继续阅读box-shadow如何控制只在某一边显示
IOS如何禁用长按弹出链接地址
在IOS safari浏览器中,如果长按一个链接地址,在手机底部会弹出一个弹出框,如下图所示: 那么,如何禁用… 继续阅读IOS如何禁用长按弹出链接地址
img标签的srcset属性
上篇文章中通过媒体查询给不同分辨率的手机屏幕展示不同的图片,但是适用于背景图,如果使用img标签的话,可以使用… 继续阅读img标签的srcset属性
移动端图片模糊问题
在移动端,某些手机上展示图片会发现模糊的情况,具体原因可能是分辨率导致的,比如在高分辨率的手机上展示了低分辨率… 继续阅读移动端图片模糊问题
多行文本超出省略
利用css3的line-clamp属性可以设置超出指定行数显示省略号。 .line-camp( @clamp:… 继续阅读多行文本超出省略
移动端input输入框如何在键盘上显示为搜索
在移动端上,input 输入框在乎起软键盘时,如何让键盘上的“换行”显示为“搜索”呢? 我将 input 的t… 继续阅读移动端input输入框如何在键盘上显示为搜索
v-deep选择器
在 vue 中,为了防止 css 污染,会在style标签上添加一个scoped属性。所以,如果在父组件将 s… 继续阅读v-deep选择器
iPhoneX及以上类型的手机前端页面适配
在 iPhoneX 这种怪异的屏幕上,由于存在顶部的刘海和底部的横条,所以,使用普通的布局方式,页面的顶部和底… 继续阅读iPhoneX及以上类型的手机前端页面适配
使用will-change提升动画性能
在之前制作动画效果时,一般使用transform: translateZ(0)来强制使用 GPU 进行加速。但… 继续阅读使用will-change提升动画性能
iPhoneX前端适配
这几年手机更新的速度越来越快,手机屏幕也是各式各样,就拿iphoneX来说,这种怪异的刘海屏,如果把普通的浏览… 继续阅读iPhoneX前端适配