#移动端

移动端滚动选择

https://github.com/onlyhom/mobileSelect.js/blob/master/README.md...
代码星球 ·2020-05-25

移动端 去掉滚动栏

直接在css中加入::-webkit-scrollbar{width:0;height:0;background-color:rgba(240,240,240,0)}webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式...
代码星球 ·2020-05-25

openlayser 移动端禁止地图旋转

旋转属于交互事件,禁止旋转需要在interation里面去定义,相关设置: https://openlayers.org/en/latest/apidoc/module-ol_interaction.htmlimport{defaultsasdefaultInteractions}from'ol/intera...

移动web开发之移动端真机测试

  chrome的开发者工具可以很好地做好模拟工作,但毕竟模拟和实际还是有差别的。所以,真机测试是一定要做的,如何高效地进行真机测试呢。个人感觉,还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync进行移动端真机测试 特性  BrowserSync能让PC、各移动设备上的页面同...

移动端中的陀螺仪

  本文将详细介绍移动端中的陀螺仪的概念及相关实现 横竖屏  window下的orientation属性来表示移动端的横竖屏状态,chrome模拟器不支持该属性,只能在真机上测试window.orientation  按照上右下左的顺序,该属性的结果分别是0、90、180、-90  [注意]手机头朝下的切换没...
代码星球 ·2020-05-24

移动端尺寸基础知识

标签:h5 移动端设计初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细节。由于是写给初学者的,所以不要嫌我啰嗦。现象首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重。尤...
代码星球 ·2020-05-23

Web移动端设计——移动设备分辨率一览表

作为在移动端开发的web程序员来说,如果不懂设备的一些性能,在开发上面是非常耗时间的一件事,同时带来负面影响的是项目的进度被拖腿了。下面是个人收集的一些移动端设备的分辨率参数:1、 平板设备:1) iPad4、iPad5屏幕尺寸是9.7英寸,分辨率在2048*1536.2) Ipadmin...

移动端界面设计之尺寸篇(更新)

画布尺寸:新建750×1334 分辨率72,像素/英寸。 常见的字体大小:24px、26px、28px、30px、32px、34px,36px等等。记住是偶数的。最小字号20px。 字体:中文用苹方黑,英文用SanFrancisco,如果安不上也可以用Helvetica代替。a...

移动端开发必晓

     测试环境                     ...
代码星球 ·2020-05-23

jquery关于移动端的点击事件解析

jquery关于移动端的点击事件解析如果用click来写你连续点几下会没有反应响应是非常慢的所以移动端必须用touchstart代替click来写...

移动端实现裁剪图片生成base64图片(可缩放)

移动端实现裁剪图片生成base64图片(可缩放)<pre><!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"/><title>{$title}</title><metan...

css3自定义移动端滚动条

css3自定义移动端滚动条<pre>/*定义滚动条宽高度是根据内容设置的高度决定的*/::-webkit-scrollbar{width:5px;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0...
代码星球 ·2020-05-23

jquery mobiscroll移动端日期选择控件(无乱码)

jquerymobiscroll移动端日期选择控件(无乱码)<pre><!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><metaname="viewport"content="width=d...

jQuery 触发事件 移动端和pc端的区别

 jQuery触发事件移动端和pc端的区别<pre>mousedownevent.pageXmousemoveevent.pageXmouseupevent.pageXtouchstartevent.originalEvent.touches[0].pageX&event.originalEvent...

个人收藏的移动端网页布局rem解决方案

写移动端项目时,总是会纠结是用css3mediaquery还是用rem。移动端框架挺多,但是因为项目都比较小,不考虑使用。无意在网上找到一个移动端rem布局的解决方案,经个人实践,目前未出现什么大问题,收藏备用。<!DOCTYPEhtml><htmllang="en"><head>&...
首页上一页...89101112...下一页尾页