51Dev开发社区
登录 注册

#移动端

移动端可拖动导航菜单小demo
<!DOCTYPEhtml><htmllang="en"><head><title>移动端滑动导航菜单</title><metacharset="utf-8"/><metaname="viewport"content="width=devic...
代码星球 ·2020-05-23

移动端页面的几个注意
相信大家对移动端页面开发不会太陌生吧，但是它和PC页面之间究竟有什么差别呢？1.响应式布局所谓响应式布局，核心内容就是media了,它类似与if的写法@media(条件){　　/*css语句*/}举个栗子:在屏幕分辨率为320px与980px之间的div会加上background:red的css样式 @med...
代码星球 ·2020-05-22

移动端iscroll实现日期选择
哎，说多了都是泪；引入相关JS文件<scripttype="text/javascript"src="js/jquery-1.9.1.min.js"></script><scripttype="text/javascript"src="js/iscroll.js"></scri...
代码星球 ·2020-05-21

移动端的知识总结
1、微信中：iPhone4：320x416iPhone5：320x504iPhone6：375x603iPhone6Plus：414x672ipadmini：横屏时1024*704，竖屏时768*960；iphone4：横屏时480*268，竖屏时320*416；iphone5：横屏时568*268，竖屏时320*50...
代码星球 ·2020-05-17

移动端日历控件 mobiscroll 的简单使用、参数设置
mobiscroll在性能方面比较好，可选用多种效果，滑动效果也比较顺畅。 提供样式文件和js文件，直接点击下载，该版本是 mobiscroll 2.13的官方地址：https://docs.mobiscroll.com/2-17-2下载地址： http://note.youda...
代码星球 ·2020-05-16

移动端兼容性问题解决方案
同样是微信浏览器，但是在Android平台上和iOS平台上表现还是有很大的差异，今天就遇到了诸多问题，记个笔记。使用的jQuery，一些事件监听在ios微信浏览器无效，贴出我的代码：$(document).on('click','[data-action="toggle"]',function(e){$(this).t...
代码星球 ·2020-05-13

移动端手势库hammerJS 2.0.4官方文档翻译
hammerJS是一个优秀的、轻量级的触屏设备手势库，现在已经更新到2.04版本，跟1.0版本有点天壤地别了，毕竟改写了事件名并新增了许多方法，允许同时监听多个手势、自定义识别器，也可以识别滑动方向。不过对于新版本的hammerJS却及其匮乏中文指引文档，就着这一点我还是上 官网 翻译下英文文档，写...
代码星球 ·2020-05-12

在PC上测试移动端网站和模拟手机浏览器的5大方法
来源：互联网作者：佚名时间：03-1910:14:54【大中小】               最近公司要开发网站的移动版，让我准备准备知识，话说本人开发移动网站的经验还真...
代码星球 ·2020-04-22

移动端网页 rem css书写
 css样式：@charset"utf-8";body,html{font-family:"微软雅黑";font-size:100px;font-size:calc(100vw/7.2);//根据设计稿设置自己的宽度，对应比例/*设计稿为720px宽度*/}在网页的头部书写以下内容：<metaname=...
代码星球 ·2020-04-18

移动端rem自适应布局(切图)
本篇适用于初次使用rem为单位切图而无从下手的童鞋。核心是根据屏幕动态改变根元素字体大小，以达到适配各种屏幕。这只是一个拿来就用的教程。很多东西没有详细说明。不过对于快速做手机端切图很有帮助。模板：Github使用：1.下载完成后首先修改js文件中的基本单位：psd宽度是640就写640，是750就写750.现在的设计...
代码星球 ·2020-04-18

移动端HTML5开发心得(转）
1、 iOS里fixed中有input或者textarea，用户在里面输入文字，触发键盘，fixed容器会居中显示，而不是继续悬浮   解决办法： http://dwz.cn/CrwNz2、移动端click时间300ms延迟   解决办法：...
代码星球 ·2020-04-18

移动端H5页面之iphone6的适配(转)
iphone6及iphone6plus已经出来一段时间了。很多移动端网站，以前写死body为320px的，现在估计也忙着做适配了。大屏幕手机其实一直有，只是以前大家没怎么重视，移动端的H5页面大部分都以320px为基准宽度进行布局，那些大屏屌丝android用户也懒得去理，而现在iphone也搞起多屏幕，老板们重视程度...
代码星球 ·2020-04-18

基于rem的移动端自适应解决方案
adaptivejs原理：利用rem布局，根据公式html元素字体大小=document根节点(html)宽度*100/设计图宽度计算html元素的font-size,使1rem等于100px,方便快速开发开发时，一个div设计图宽度为89px,那么在css中我们可以这样书写：width:0.89rem;如果是文字，我...
代码星球 ·2020-04-18

移动端 触屏滑动条菜单(完善版 转)
 1 1 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747...
代码星球 ·2020-04-18

移动端 设计与开发经验之ViewPort
Viewport ：字面意思为视图窗口，在移动 web 开发中使用。表示将设备浏览器宽度虚拟成一个特定的值（或计算得出），这样利于移动 web 站点跨设备显示效果基本一致。基本写法：<metaname="viewport"content="width=device...
代码星球 ·2020-04-18
首页上一页...910111213...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他