移动端
又又呢
这个作者很懒,什么都没留下…
展开
-
js--判断当前环境是否为微信环境
/** * 判断是否是微信环境 */ function getIsWxClient () { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } return false; };原创 2020-06-22 16:02:38 · 2209 阅读 · 0 评论 -
去除表单元素默认样式
input,textarea { outline:0; border:0; -webkit-appearance: none; -moz-appearance:none; appearance: none; line-height:normal;}// input::-webkit-input-placeholder{// line-height: normal; //解决不垂直居中的问题// }input::-webkit-input-placeholder.原创 2020-06-22 15:59:44 · 1113 阅读 · 0 评论 -
解决input标签在ios中光标不居中问题,同时兼容安卓
1、首先input的所有父级元素不能加 line-height 属性;2、初始化input样式 line-height:normal;3、要想光标不撑满这个input狂,加一个上下边框4、代码如下,有需要的小伙伴可以试试:Html:<div class="head-search-item"> <input type="text"placeholder="请输入商品/店铺名称"> <div class="icon">...原创 2020-06-22 15:56:45 · 998 阅读 · 0 评论 -
解决input表单元素在ios系统上默认圆角的问题?
问题:页面在iPhone手机上测试发现input框变成圆角,应该如何修改呢?问题解决:-webkit-appearance : none ; //解决ios上按钮的圆角问题/ border-radius: 0; //解决ios上输入框圆角问题/ ...原创 2018-07-18 11:23:32 · 1162 阅读 · 1 评论 -
前端性能优化相关知识
性能优化一直以来都很被重视,也是面试时候常被问到问题,本篇文章主要涉及到前端性能优化的几个点。在这之前,应该先了解一下雅虎军规。雅虎军规是什么? (详情查阅)1.尽量减少 HTTP 请求个数——须权衡2.使用 CDN(内容分发网络)3.为文件头指定 Expires 或 Cache-Control ,使内容具有缓存性。4.避免空的 src 和 href5.使用 gzip 压缩...原创 2018-07-19 17:57:13 · 166 阅读 · 0 评论 -
教你纯css实现移动端横向滑动列表
问题:利用display:-webkit-box来实现移动端横向滑动列表,只要css就能搞定了<!DOCTYPE html><html><head> <title>横向滑动</title> <style type="text/css"> .slide-box{原创 2018-09-15 11:21:30 · 11618 阅读 · 0 评论