移动端输入光标偏移的问题是根本性的：不要使用line-height垂直居中。解决方法：可以直接定义高度，然后高度通过上下padding值展开。清除移动端的输入光标。将readonlyunselectable="on"属性添加到ios输入。当输入仍然处于焦点时，光标将立即失去焦点。代码$('input[readonly]').on('focus',function(){$(this).trigger('blur');});亲测苹果手机可行，div不知道高宽。支持微信浏览器的翻译书写方式。其他浏览器需要添加-ms--moz--webkit--o-.parentDiv{position:relative;}.childDiv{width:100px;高度：100px；位置：绝对；顶部：50%；左：50%；transform:translate(-50%,-50%);}手机弹框背景的透明黑色背景样式。maskin{宽度：100%；高度：100%；位置：固定；左：0；右：0；顶部：0；底部：0；背景：rgba（0,0,0,0.5）；z-index:99;}css实现单行和多行显示ellipsis//单行div{overflow:hidden;文本溢出：省略号；white-space:nowrap;}css实现图片方形在vue中加载可以使用内联样式循环img:style="{backgroundImage:'url('+img+')'}"url-div{width:100px;高度：100px；背景图像：url（）；背景位置：中心中心；背景尺寸：封面；background-repeat:no-repeat;}移动端1pxproblem.border-1px{position:relative;}.border-1px:after{po位置：绝对；内容：'';顶部：-50%；底部：-50%；左：-50%；右：-50%；-webkit-转换：规模（0.5）；变换：比例（0.5）；border-bottom:1pxsolid#666;}手机字体设置body{font-family:-apple-system,BlinkMacSystemFont,"PingFangSC","HelveticaNeue",STHeiti,"MicrosoftYahei",Tahoma,Simsun,sans-serif;}移动端元设置
