移动端
关注
分享
扫一扫
文章平均质量分 94
移动端相关
Lucy-
这个作者很懒，什么都没留下…
展开
-
Vue2- 移动端购物商城
1. vue快速创建基础项目vue create mall-vue2选择需要的配置，选用Vue2 进行创建创建基础文件夹目录src文件夹下文件夹目录：① views 文件夹存放界面② components 文件夹存放界面中局部组件③ config 文件夹存放各种全局配置④ images 文件夹存放图片⑤ plugins 文件夹存放各种插件⑥ router 文件夹存放路由⑦ store 文件夹存放vuex相关文件⑧ service 文件夹存放服务器端相关操作，接口等⑨ sty原创 2021-11-05 11:11:24 · 1313 阅读 · 0 评论 -
40条常见的移动端Web页面问题解决方案
1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有原创 2017-10-30 12:13:48 · 830 阅读 · 0 评论 -
小结移动端做自适应
1、在HTML的头部加入meta标签<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">width=device-width表示网页的宽度等于设备屏幕的宽度， initial-scale...原创 2018-06-14 11:57:37 · 341 阅读 · 0 评论 -
移动端 js关闭当前窗口
移动端window.close() 不起作用，微信端关闭当前页面：WeixinJSBridge.call('closeWindow');原创 2018-03-28 15:46:01 · 11430 阅读 · 1 评论 -
移动端-div随手指移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> <script type="text/javas原创 2017-12-27 16:32:19 · 1221 阅读 · 0 评论 -
移动端-input怎么清除光标
问题： 1、ios浏览器和ie9已下（包括ie9）浏览器都有input设置readonly之后input还有聚焦的问题。 2、ios input 添加 readonly unselectable=”on” 属性，光标依旧还在解决的方法有两种 1、设置input的disabled属性——会使input的事件失效。 2、input聚焦时马上让它失焦，代码：$('input[read...原创 2017-11-20 11:50:43 · 7620 阅读 · 0 评论 -
移动端 - 开启局部弹性滚动
开启局部弹性滚动：body{ overflow:scroll; -webkit-overflow-scrolling:touch;}原创 2018-04-18 15:20:55 · 594 阅读 · 0 评论 -
ios动态节点 $(document).click() 点击无效
代码：<div class="clickclass">点我</div>$(document).on("click", ".clickclass", function() { alert("1");});电脑浏览器和安卓上都能触发alert事件，但是在ios上却完全没有反应; 原因是iphone这些元素上没有click事件，它是touch事件；解决办原创 2018-03-20 17:43:02 · 1216 阅读 · 0 评论 -
微信页面禁止长按复制（input输入框可正常输入）
JS 方法（input输入框可正常输入）： $(document).on('touchstart',function(ev){ ev.preventDefault(); }); $('input').on('touchstart',function(ev){ ev.stopPropagation();原创 2017-12-19 11:44:29 · 11751 阅读 · 2 评论 -
微信-禁止上滑下滑的时候出现浏览器的黑色背景
$(function(){var overscroll = function (els) { for (var i = 0; i < els.length; ++i) { var el = els[i]; el.addEventListener('touchstart', function () { va原创 2017-12-19 16:13:53 · 1555 阅读 · 0 评论 -
微信—常用事件整理
1、隐藏网页底部导航栏 WeixinJsBridge.call('hideToolbar');2、禁止用户分享 WeixinJsBridge.invoke('disabledShare',{},function(e){ })3、禁用长按选中文本-css* { -webkit-touch-callout:none; -moz-touch-callout:none; -ms-to原创 2017-11-22 11:32:15 · 621 阅读 · 0 评论 -
CSS- 移动端特有样式 / input相关
body字体样式：body{ font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self; -webkit-font-smoothing:antialiased; <!--使字体变清晰--> -webkit-...原创 2018-06-19 17:10:05 · 5838 阅读 · 0 评论 -
CSS-解决苹果点击高亮、安卓select灰色背景
1.在苹果手机上，用点击事件后会出现一个高亮的阴影； 面对click事件的阴影，解决办法：*{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; }2.在安卓手机上的select有灰色背景，解决办法：select{ appearance:none; -moz原创 2017-12-28 15:47:58 · 3428 阅读 · 0 评论