移动端

Chiffon

Chiffon|移动端音乐播放,兼容android和ios

发布于 9 小时前 浏览:105 类型:原创 - 随笔 分类:手机移动 举报

看到两种兼容移动端音乐播放的方法,因为在微信或者浏览器不同系统可能不能直接在页面加载就自动播放,所以大抵都是要靠点击页面来触发,记此1这种在微信看是要点击一下才能播放音乐,在其它一些浏览器可以自动播放html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA- ...

yy6597988

yy6597988|简述移动端像素

发布于 10 小时前 浏览:73 类型:原创 - 教程 分类:手机移动 举报

普通人理解的像素和前端码农理解的像素不太一样,拿iphone6来说,对于普通人来说,它的像素是375×667,这是物理尺寸上的像素,可以用它来衡量手机尺寸大小的那种,但是对于前端码农来说,如果在iphone手机上获取html的offsetWidth,会发现html的宽度是750,750是前端开发中用到像素。屏幕可以显示图像,是因为屏幕其实是 ...

世民

世民|对于网站屏幕适配,我是这样看的

发布于 3 天前 浏览:177 类型:原创 - 随笔 分类:JavaScript 举报

我大三那年我从写JAVA转成写JS的时候,第一次做我们班级的官网,当时我就用了Bootstrap作为基础框架,我模仿Bootstrap中文网做了网站,当时上线的时候挺兴奋,班上同学都觉得很好看,最终也使得我下定决心做一开Jser。那个时候很多公司都是用Bootstrap作为基础框架,也有基于Bootstrap做了一层封装去做网站很多的功能。现 ...

zyp199737

zyp199737|移动端 滚动插件

发布于 4 天前 浏览:123 类型:原创 - 随笔 分类:JavaScript 举报

做了一个仿照pc端滚动条的功能,用来解决移动端ios下scroll卡顿的bug。目前的参数配置只有id,考虑将高度、是否显示隐藏滑块、样式设置加进去,并且兼容到pc中去。效果图如下:目前只支持touch事件,可打开chrome的移动端模式,进行操作。项目下载地址:https://github.com/zyp199737/zScrollBarhtml代码效果预览<!D ...

移动端 滚动插件
世民

世民|一个人写PC移动端网站是种什么体验?

发布于 4 天前 浏览:1627 类型:原创 - 随笔 分类:JavaScript 举报

最近受一位师姐影响,说前端网氛围很好,让我再前端网总结一下自己在前端开发中的酸甜苦辣,于是今天便想试水,有观点交流的尽管可以提!今年年初,我离开了维权骑士,和几个小伙伴一起创业,创办了现在的vr榜单(http://vr9389.com/)。团队中只有我一个前端,而我们的产品又需要兼顾到web、移动两大块,还要考虑到那么多 ...

lqm123

lqm123|简单移动端自适应轮播图

发布于 5 天前 浏览:274 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><metacontent="yes"name="apple-mobile-web-app-capable"><metacontent="yes"name="apple-touch-fullscreen"><metacontent="telephone=no,email=no"name="format-detection"><styletype="text/css">body,dl,h1,h3,h5,h6,h ...

snafm

snafm|最近做的一个自己的项目

发布于 5 天前 浏览:853 类型:原创 - 随笔 分类:HTML/CSS 举报

从一开始的惨不忍睹,到现在自己看着感觉还可以,从内容生涩到现在感觉像那么回事,竟出乎了我的意料,欢迎大家来丢愤~初衷是找个项目练练手,顺便适配移动端,然后玩玩最近火了一把的微信小程序,不过小程序暂时还没发布,到时候发布了请大家指正~~http://www.vr9389.com/ ...

那些微笑

那些微笑|移动页面点击穿透问题解决方案

发布于 2017-03-17 10:09:05 浏览:254 类型:转载 - 教程 分类:手机移动 举报

一、移动端click会有300ms延迟移动浏览器提供一个特殊的功能:双击(doubletap)放大用户碰触页面之后,需要等待一段时间来判断是不是双击(doubletap)动作,而不是立即响应单击(click),等待的这段时间大约是300ms。 ...

18630408439

18630408439|移动站开发总结

发布于 2017-03-14 11:09:21 浏览:366 类型:原创 - 随笔 分类:手机移动 举报

这段时间一直在进行移动站第二版的重构开发,在开发过程中,本以为会很轻松的开发完成,没想到在开发过程中还是遇到了很多的坑。(1)、在使用zepto.js中,由于对zepto的认识以为是和jq一样,但其实还是有很多不一样的地方,比如jq的动画,在zepto中就无法使用,要在引入fx.js才可以使用,在比如返回顶部,在jq上直接使用s ...

xiaoyan2015

xiaoyan2015|【分享】移动端H5实战项目案例

发布于 2017-03-12 12:08:06 浏览:468 类型:原创 - 随笔 分类:HTML/CSS 举报

手机H5web开发案例,最新运用HTML5+CSS3(rem)+jQuery+zepto+webAPi开发手机webApp-移动端web网站(移动端web开发/APP开发)、移动端App模版、手机网站模版。 ...

張了了

張了了|移动端<input>file上传图片

发布于 2017-03-09 17:32:29 浏览:372 类型:原创 - 随笔 分类:手机移动 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/><metacontent="yes"name="apple-mobile-web-app-capable"><metacontent="black"name="apple-mobile-web-app-status-bar-style"> ...

幻梦乍醒

幻梦乍醒|移动端的头部信息汇总表

发布于 2017-03-08 15:22:26 浏览:113 类型:原创 - 随笔 分类:JavaScript 举报

http://www.css88.com/archives/6410/comment-page-1#comment-292564移动端表头信息如何配置大全以及内容详解 ...

892852158

892852158|京东首页如何实现pc端和移动端加载不同的html的?

发布于 2017-03-06 15:20:45 浏览:270 类型:原创 - 随笔 分类:浏览器 举报

用手机浏览器访问京东域名是http://m.jd.com,用电脑访问的是http://www.jd.com,当然两个页面也不一样,这个是怎么实现的?当浏览器向服务器发送请求时,会附带上浏览器的基本信息。后台根据这些特征数据来判断用户是手机还是pc访问,返回相应的网页 ...

IT白菜哥

IT白菜哥|一个rem的js和css,让我的手机端自适应

发布于 2017-03-04 18:25:18 浏览:210 类型:原创 - 随笔 分类:JavaScript 举报

<linkrel="stylesheet"href="css/dome_rem.css"/><scripttype="text/javascript"src="js/rem.js"></script>也没什么好注解的,要说缺点可能会跟其他外部引用的框架会冲突,关于rem单位的计算根font-size的方式,所有白菜哥现在一般不在移动端使用框架rem.js//计算根font-size(function(doc,win){&n ...

minsong

minsong|移动端页面重构布局(layout)

发布于 2017-03-03 15:05:51 浏览:1237 类型:原创 - 随笔 分类:手机移动 举报

下面我将简单的介绍移动端布局的八种方式:1.固定布局2.流动布局3.浮动布局4.定位布局5.混合布局6.flex布局7.rem布局8.响应式布局1.固定布局方法& ...

So_so

So_so|移动端 滚动条

发布于 2017-03-03 11:27:58 浏览:154 类型:原创 - 随笔 分类:HTML/CSS 举报

需要div中要显示38条数据因为只是排行榜的不想下拉加载所以需要在div中显示10条数据多出的隐藏在div区域滑动屏幕的时候其他的数据可以显示用到了overflow:auto;属性就解决了但是这样会在div上面出现滚动条使 ...

So_so

So_so|移动端 rem js

发布于 2017-03-03 11:17:51 浏览:123 类型:原创 - 随笔 分类:JavaScript 举报

个人觉得写移动端的页面的时候rem和position搭配使用很好我是按照750的尺寸来写的所有1rem=100px字体12*100=.12remclientWidth/375是6的分辨率大家可以在谷歌F12看到&n ...

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/><title>磁力吸边,弹性过渡</title></head><style>*{margin:0;padding:0;}html{font-size:10px;} ...

892852158

892852158|移动端开发问题网址

发布于 2017-03-01 16:59:52 浏览:288 类型:原创 - 随笔 分类:手机移动 举报

记录一下移动端开发的网址和平时会遇到的问题哦,方便大家和自己能及时找到一.http://www.imooc.com/article/1115http://www.cnblogs.com/chuaWeb/p/5125230.htmlhttp://sentsin.com/web/54.html二.总结移动端页面开发时需要注意的一些问题1、防止手机中网页放大和缩小,这点是最基本的,最为手机网站开发者来说应该 ...

minsong

minsong|移动端制作遇到的各种问题(后续将继续总结...)

发布于 2017-02-24 16:05:43 浏览:504 类型:原创 - 随笔 分类:手机移动 举报

1.点击的穿透问题做过移动端可能都遇到这个问题,网上也有很多解决方案,但是大多数对于性能或是用户体验不是特别完美,下面我来简单说一说吧.1.不要混用touch和click既然touch之后300ms会触发click,只用touch或者只用click就自然不会存在问题了2.吃掉(或者说是消费掉)touch之后的click ...