#移动端

移动端布局的5种方式

刚换公司,设计稿还没出,也没有安排新任务,所以抽空整理一下移动端布局方式。移动端布局方式整理:1.固定meta视图<metaname="viewport"content="width=750px,user-scalable=no">  这种写法中,利用meta标签,将视图宽度定位了750px,固定值,也就是...
代码星球 ·2020-04-11

论浏览器移动端视窗与布局

视网膜屏幕是分辨率超过人眼识别极限的高分辨率屏幕,视网膜屏的在画面效果方面远远要好于普通屏,特别对于一些画质效果要求高的用户来说;“当你所拿的东西距离你10-12英寸(约25-30厘米)时,它的分辨率只要达到300ppi这个‘神奇数字’(每英寸300个像素点)以上,你的视网膜就无法分...

移动端

该Window属性devicePixelRatio能够返回当前显示设备的物理像素分辨率与CSS像素分辨率的比率。此值也可以解释为像素大小的比率:一个CSS像素的大小与一个物理像素的大小的比值。简单地说,这告诉浏览器应该使用多少个屏幕的实际像素来绘制单个CSS像素。devicePixelRatio属性值为一个double...
代码星球 ·2020-04-10

移动端页面详解

viewport是什么?一般来说,在移动浏览器上页面渲染是在一个叫viewport的页面绘制区域内。手机浏览器把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手...
代码星球 ·2020-04-10

Vue移动端项目如何使用手机预览调试

最近在开发移动端Vue移动端项目,查了一些资料,这里分享下如何在webpack工具构建下的vue项目,在手机端调试和预览,言归正传。1.电脑和手机连接到同一个WIFIa.台式电脑和手机同时链接一个路由器,使用同一个wifi; b.笔记本也可以直接启用一个wifi,手机链接笔记本wifi也可以;2.查询本地IP...

移动端滚动不流畅问题

正常的移动端上下滑动,松开手指页面还会速度递减的再滑动一段距离,但是有时候会出现手指松开滑动就停止的情况,导致页面出现卡顿的现象。出现的原因大多数是因为加了:overflow:auto;可以在添加了overflow:auto;的元素上再添加下面的属性解决:-webkit-overflow-scrolling:touch...
代码星球 ·2020-04-10

JS获取移动端系统信息(操作系统、操作系统版本、横竖屏状态、设备类型、网络状态、生成浏览器指纹)

GitHub: https://github.com/skillnull/Get-Device-Info在线实例:http://skillnull.com/others/GetDeviceInfo/index.htmlvarDeviceInfo=(function(){varroot=typeofself!=...

JS pc端和移动端共同实现复制到剪贴板功能实现

JSpc端和移动端实现复制到剪贴板功能实现在网页上复制文本到剪切板,一般是使用JS+Flash结合的方法,网上有很多相关文章介绍。随着HTML5技术的发展,Flash已经在很多场合不适用了,甚至被屏蔽。本文介绍的一款JS插件,实现了纯JS方法复制文本到剪切板。插件名是Clipboard.js,该插件不依赖Flash,而...
代码星球 ·2020-04-08

vue 专题 vue2.0各大前端移动端ui框架组件展示

一个数据驱动的组件,为现代化的Web界面而生。具有可扩展的数据绑定机制,原生对象即模型,简洁明了的API组件化UI构建多个轻量库搭配使用请访问链接:https://www.awesomes.cn/subject/vue#%E5%BA%94%E7%94%A8-%E6%A1%86%E6%9E%B6 UI组件开发框...

移动端开发两种方式

摘自:https://www.cnblogs.com/jasmine-95/p/7235186.html...
代码星球 ·2020-04-08

1:MUI选择器组件抛出“n.getSelectedItem is not a function”异常的解决办法 2:mui三级联动 3:移动端关闭虚拟键盘

1:如下图问题:引用了mui的地址选择的三级联动的应用在h5上的组件百度发现别人思路对Array原型链方法扩充时,会抛出这个异常。修改方法: mui.poppicker.js第112行getSelectedItems()方法中把改为几经排查发现别的同事写到公共文件中一段对原型扩充引起的。去掉就好了。 ...

移动端插件IScroll.js

IScroll.js插件是兼容所有移动端滚动条事件的插件,在某些安卓机中,我们无法通过overflo:scroll这个css属性来出现滚动条;它也可以非常好的在一个容器元素中处理滚动;在使用IScroll.js必须要有3层元素嵌套,如:<divclass="food-left"><ulclass="f...
代码星球 ·2020-04-08

移动端下拉刷新头实现原理及代码实现

下拉刷新实现原理实现下拉刷新主要分为三步:监听原生touchstart事件,记录其初始位置的值,e.touches[0].pageY;监听原生touchmove事件,记录并计算当前滑动的位置值与初始位置值的差值,大于某个临界值时,显示下拉刷新头,并将页面的overflow属性,设置为false;监听原生touchend...

移动端常见BUG

Q:当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。A:根本原因是-webkit-tap-highlight-color,这个属性是用于设定元素在移动设备(如Adnroid、iOS)上被触发点击事件时,响应的背景框的颜色。建议写在样式初始化中以避免所以问题:div,i...
代码星球 ·2020-04-08

移动端前端笔录

最近一直在整理一些做移动端时遇到的问题,现在把他们列在一起,方便收藏查找:1、关闭iOS键盘首字母自动大写IOS的机子,默认英文输入法状态下,首字母是自动大写的,有时候挺烦人的。我们写页面的时候有没有办法把这个自动大写关闭呢?autocapitalize的属性可以实现:在iOS中,默认情况下键盘是开启首字母大写的功能的...
代码星球 ·2020-04-08
首页上一页...1213141516...下一页尾页