
前端优化
金牌战五渣
一个小菜鸡程序猿,主要记录一些平时自己遇到的问题。
展开
-
固定input框(或者div模拟的input框)在页面底部
前提使用position:fixed;直接固定input框在页面底部,ios可能会出现位置错乱,而且在输入框失去焦点后页面无法回弹完整代码如下:<style> body { font-size: .26rem; -webkit-user-select:none; } .input { width: 200px...原创 2019-02-19 11:15:30 · 4082 阅读 · 0 评论 -
苹果手机$('body').on('click',selector,function(){})点击无效的问题
简介:刚做一个手机端的评价页面,点击事件是用的$("body").on("click",selector,function(){ //通过body给子元素selector来绑定点击事件是为了防止子元素还没加载出来使点击事件无效})星级评价可以点击,但是下面的标签选择就出现了问题,Android没问题,iOS死活点不了;js代码绑定方式都是一样的,html层级也没有问题,对比cs...原创 2019-02-14 09:26:43 · 1668 阅读 · 0 评论 -
移动端页面横屏和强制横屏适配
前言在移动端中我们经常碰到横屏竖屏的问题,那么如何去判断或者针对横屏、竖屏来写不同的代码呢。首先在head中加入如下代码:<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>一、...原创 2019-06-19 15:44:44 · 5046 阅读 · 1 评论