移动端h5页面
Tony3820
学习新的技术,能让程序员枯燥的生活变得精彩,能让自己更加丰富
展开
-
移动端h5页面帮助资料干货
meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 忽略Android原创 2016-05-10 09:34:29 · 3826 阅读 · 0 评论 -
微信APP浏览器如何引用中文字体
1、下载中文字体 如:FZS3JW.TTF 2、访问http://www.fontconverter.org/ 转换字体 3、转换成四种格式,包括: FZS3JW.TTF, FZS3JW.svg, FZS3JW.woff, FZS3JW.eot 4、css3引用字体方式 @font-face { font-family: 'FZS3JW'; src: url('../ima原创 2017-04-02 16:45:40 · 1872 阅读 · 0 评论 -
webstorm开发vue组件时,支持scss/less等预处理语言
vue组件支持预处理语言的关键点: <style rel="stylesheet/scss" lang="scss"> .mint-swipe { height: 300px; .mint-swipe-indicators { width: 98%; text-align: right; left: 0;原创 2017-01-10 14:45:25 · 6696 阅读 · 1 评论 -
调用微信SDK预览图片
1.引入微信sdk js 2.准备阶段 wx.config({ debug: false, appId: '', timestamp: '', nonceStr原创 2017-01-10 11:25:38 · 1149 阅读 · 0 评论 -
ionic的布局样式row->col
row的子级,col均分宽度,如没有col,则可以设置具体宽度,剩下的col均分剩下的宽度<div class="bd wp-10 clfix row row-center row-no-padding ib_"> <div class="left text-center"> <div class="img-wrapper webkit-sassui-frame-wrapper"原创 2016-11-01 19:53:11 · 6027 阅读 · 2 评论 -
$ionicActionSheet 在Android手机上样式问题
$ionicActionSheet 在Android手机上样式问题 把以下代码复制到style.css中,以重写样式的方式解决/** * Action Sheets for Android * -------------------------------------------------- */ .platform-android .action-sheet-backdrop {原创 2016-10-08 16:27:30 · 2706 阅读 · 1 评论 -
制作自定义图标字体,html引用web字体
制作自定义图标字体,html引用web字体1、安装Adobe Illustrator CS6(注:http://www.lookae.com/adobecc/)下载破解安装 2、安装Adobe Photoshop CS6(注:http://www.cncrk.com/downinfo/39089.html) 3、下载save-ps-to-svg1.0.jsx(注:http://hackingui原创 2016-07-12 14:26:07 · 3531 阅读 · 0 评论 -
angularjs输出html
在用angular作为前端搭建个人博客的时候,发现用angularJs输出html的时候,浏览器并不解析这些html标签,不知道angularjs如何实现这种功能的。 但是这里我们需要其显示angular输出的html能被浏览器解析怎么办呢? 通过api,发现通过指令 ng-bind-html来实现html的输出。 [html] view plain copy转载 2016-08-11 17:17:14 · 1702 阅读 · 0 评论 -
解决微信title不生效的办法
function _classifyMap(inData) { var pTitle=''; if (inData.classify == 'HIGHLIGHT') { pTitle= '精华帖'; } else if (inData.classify == 'KNOWLEDGE') { pTitle= '知识帖'; } else {原创 2016-09-13 11:42:20 · 4141 阅读 · 0 评论 -
解决图片适应手机一屏,用百分比自适应
html<div class="content"> <div class="bg"></div> </div>css .content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; .bg { position: relative原创 2016-09-13 10:01:41 · 2046 阅读 · 1 评论 -
解决移动端点击事件延迟300ms
div id="container"> button id="button-1">Click eventbutton> button id="button-2">Tap eventbutton> div> div id="output">div> script> var container = document.getElementById('container') var b原创 2016-07-14 14:22:08 · 14031 阅读 · 0 评论 -
解决ionic隐藏状况的方法
使用的方法是hide-nav-bar=true原创 2016-07-27 15:32:41 · 1570 阅读 · 0 评论 -
js禁止和启用移动端页面内容滚动
直接上代码: this.onTouchMove(true);//禁用this.onTouchMove(false);//启用 onTouchMove(inFlag) { if (inFlag) { document.addEventListener('touchmove', this.onHandler, false); } else { documen原创 2017-06-16 10:58:20 · 8727 阅读 · 1 评论