- 博客(5)
- 收藏
- 关注
原创 在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 858
转载 关于移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题
前提当在安卓手机上访问如图1所示的页面时,会出现如图2所示的现象。【苹果手机并不会出现该现象】即当文本框(指input或textarea)获取焦点时,手机自带的键盘会被唤起并且弹出来。此时,就会导致一个问题:处于absolute(绝对)定位或fixed(固定)定位的按钮,会被键盘顶上去,漂浮于键盘上方。图1(正常情况,谷歌浏览器手机模拟器打开)图2(在安卓手机上调试)方法一:动态...
2019-08-08 14:02:00 412
原创 关于 textarea 标签在苹果微信浏览器出现 内阴影
解决方法:(去除浏览器默认的样式元素)textarea { box-shadow:0px 0px 0px rgba(0,0,0,0); -webkit-appearance:none;}
2019-08-05 15:46:08 206
原创 textarea 元素的 placeholder 属性不显示
textarea 的 placeholder 属性值不显示的原因可能是 与 之间存在空格或者换行
2019-08-05 13:59:10 315
转载 【移动端布局】让图片保持等比例缩放 (实用)
摘要:前端写页面布局时,图片变形是个很令人头疼的问题,手机屏幕分辨率不一样,出来的效果就不一样,下面的代码可以解决这些问题,保持图片在不同分辨率下面也可以让图片不变形首先不能给外层列表定高度,用margin或者padding撑开.album-li-pic{height:0;overflow:hidden;margin:0;padding-bottom:100%;}img用定位的方式布局,w...
2019-08-01 14:57:24 4741
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人