1.禁止a标签点击高亮,这些都是非官方属性，但实用性超强 html,body{-webkit-touch-callout:none;//禁止或显示系统默认菜单-webkit-user-select:none;//禁止长按复制选择-webkit-tap-highlight-color:rgba(0,0,0,0)...

工作了有一段时间，基本上都在搞移动端的前端开发，工作的过程中遇到过很多问题，bug的解决方案，记录下来，以便后用！！！内容并不是很全，以后每遇到一个问题都会总结在这里，分享给大家！一、meta标签相关知识1、移动端页面设置视口宽度等于设备宽度，并禁止缩放。<metaname="viewport"content="...

TML5如何在移动网页端调用手机图片或者camera可以参考这篇文章：　　如果你开始基于iOS系统(ios6above)的web应用，可以考虑这段代码：　　　　点击按钮，会调用你的摄像头相册附源码文件：<inputtype="file"capture="camera"accept="image/*"id="cam...

概述1.PC优化手段在Mobile侧同样适用2.在Mobile侧我们提出三秒种渲染完成首屏指标3.基于第二点，首屏加载3秒完成或使用Loading4.基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5.Mobile侧因手机配置原因，除加载外渲染速度也是优化重点6.基于第五点，要合...

移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 <!DOCTYPEhtml><!--使用HTML5doctype，不区分大小写--><htmllang="zh-cmn...

我所使用到的HTML页面标签：Section,div,artical,p,ol,ul,li,header,footer,span,form,input,label,h1,h2,h3 ；详细说明我就不说了，只给新手说下，为什么W3C那么多标签，只使用16个就可以把整个项目解决了？原因是不要以为标签多，我们就一定...

最近做了一个移动端的搜索功能，带有suggest。实现上并没有什么可说的，但是在后续优化上，特别是在中文输入法的情况下的优化使我学到一些新东西，所以决定写一篇文章。下面是我简化后的基本功能实现，监听输入框的input事件，当搜索框有输入时，根据输入内容和后端进行交互提供suggest，再监听keyup的事件，当用户敲击...

一：背景通常情况我们调试移动端页面最常用的方法就是：切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面 然后用手机打开要调试的页面刷新页面查看调试结果但是这就存在两个问题在pc浏览器模拟手机可能造成调试不准用手机直接调试又多一步刷新 那怎么能达到在pc端修改代码在手机上直接看到修改...

一：背景通常情况我们调试移动端页面最常用的方法就是：切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面 然后用手机打开要调试的页面刷新页面查看调试结果但是这就存在两个问题在pc浏览器模拟手机可能造成调试不准用手机直接调试又多一步刷新 那怎么能达到在pc端修改代码在手机上直接看到修改...

本月收到一份关爱里程碑的邮件，入职满3周年了，从一个懵懂的新人到从容淡定的小油条，在外辛苦打工不容易，能收到一封简单的关怀邮件也是有感欣慰，这里祝愿公司越发展越好。进入主题，移动网页设计中，很多同学常问一个问题：这么多种移动设备，要兼容哪几类呢？相信很多人会回答主流的系统ios、android，但是这2个系统又有多个版...

要用到的内容：AdobeEdgeCodeCC     https://creative.adobe.com/products/code?promoid=KFKMLAdobeEdgeInspectCC  https://creative.adobe.c...

如今人们也越来越习惯在手机上浏览网页，而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹。Web应用开发者需要针对手机进行界面的重新设计，但是手机上并没有称心如意的调试工具（如Firebug、webinspector），重新设计界面的工作往往事半功倍。本文介绍的调试工具Weinre 就是解决这一问题的优秀调试...

<spanstyle="font-size:18px;"><script>functionstartAPP(){window.location="schemename://**.**/**";}functiondownloadAPP(){window.location="http://IP/**...

回想2年前刚开始接触手机项目，接到PSD稿后，发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计，于是我写页面的时候也定义font-family为微软雅黑，后来发到线上后，细心的产品经理发现页面的字体不是微软雅黑，要求马上修改，我就惊呆了，还跟产品争执一番。后来了解到的手机系统ios、android等是不支持微软雅黑字...

传统pc端中，子容器高度超出父容器高度，通常使用overflow:auto可出现滚动条拖动显示溢出的内容，而移动web开发中，由于浏览器厂商的系统不同、版本不同，导致有部分机型不支持对弹性滚动，从而在开发中制造了所谓的BUG。 上图如果在PC端中，我们可以利用position:fixed和overflow:a...