
手机移动
小太阳sunshine
为成为一名优秀的前端工程师努力,加油!
展开
-
移动端meta几个值的设置以及含义
<!-- 为移动设备添加 viewport --> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> 说明: width - viewport的宽度 height – viewport的高度 initi原创 2016-12-01 09:22:13 · 5387 阅读 · 0 评论 -
初始化移动端样式
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}a { text-decoration: none;}ul,ol { margin: 0; paddin原创 2016-12-01 09:30:36 · 4159 阅读 · 0 评论 -
小标题两侧加横线或背景图片自适应布局实现技巧
方法一:使用背景图html结构:<div class="tit-bar"> <div class="deg">满意度调查</div></div>css结构:.tit-bar{ background:url(../img/line-bg.png) repeat-x center; margin:0 auto; padding:5px 0;}.tit-bar .deg原创 2016-12-03 13:26:48 · 2022 阅读 · 0 评论 -
css多行文本溢出显示省略号...
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;移动端页面:overflow : hidden;text-overflow: ellipsis;display: -webkit-box;//必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。-webkit-line-clamp: 2;//用来限制在一个块元素显示原创 2016-12-05 16:04:53 · 464 阅读 · 0 评论 -
css3制作帧动画
demo:出票 html部分:<div class="animate"></div>css部分:.animate{ width:56px; height:46px; position: absolute; top:50%; left:50%; margin:-23px 0 0 -28px;原创 2016-12-05 17:05:43 · 503 阅读 · 0 评论 -
如何不通过AppStore,直接安装IOS应用程序
之前做一个h5内嵌Android和Ios的项目,开发初期发布第一个版本时产品经理跟我提出了这样一个需求:不通过AppStore,让苹果测试用户通过网址二维码扫描直接安装IOS应用程序,之前并未做过于是就去网上查找了一些资料成功实现需求,其原理主要是使用IOS的itms-services协议,下面是一些实践经验小结。 1.打包ipa和生成.plist文件 .ipa文件就是应用程序文件, .原创 2017-02-21 11:33:17 · 35534 阅读 · 1 评论 -
移动端1像素实现
.bor-bottom{ position: relative; border-top: none !important; } .bor-bottom::after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;原创 2017-08-04 10:04:26 · 608 阅读 · 0 评论 -
H5项目常见问题汇总及解决方案
Meta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面<!-- 1、HTML页面结构 --><meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /><!-- width 设置view转载 2017-08-04 16:54:15 · 1147 阅读 · 0 评论 -
解决h5中iphone手机input输入框被顶部地址栏盖住
当点击输入框调出输入法时,输入框的位置被顶到了地址栏的下面,解决方案如下:scrollIntoView如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题,浏览器实现了一下方法, 以方便开发人员如何更好的控制页面的滚动。在各种专有方法中,HTML5选择了scrollIntoView() 作为标准方法。原创 2017-08-06 12:47:38 · 5171 阅读 · 0 评论