移动端开发
-
移动端布局fixed问题解决方案
今天测试忽然提了一个bug,关于position:fixed的问题,一般情况下使用并没问题,当页面出现表单时,由于弹出键盘,整个页面会出现布局错位问题,或者含有fixed的模块会空白(ios11比较明显),经过几个小时的各种尝试,最后不得不放弃fixed的布局,重新采用flex布局,另外补充一句在移动端布局的时候能不用浮动尽量别用。项目用的是sass,为了考虑兼容性,特意整理了一份flex的功能函数模块/* * ========================================...
-
移动端布局功能css整理
全局标签格式化/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, ...
-
移动端开发-设备像素比devicePixelRatio简单介绍
本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持,随着显示器的发展,这个属性也慢慢登上了前端技术的舞台。 本文内容大部分属于翻译性质内容,因此,会不那么通俗易懂。不过,你是做手机开发的,或是有意向的,本文的内容如果细细读来,还是有些收获的。 一、定义 定义如下: window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips...
-
移动webApp便利贴:苹果专用
需要->添加到主屏幕1. 作为app运行<meta name=”apple-mobile-web-app-capable” content=”yes” />2. 标题栏的样式<meta name=”apple-mobile-web-app-status-bar-style” content=”default” />当然其值还可以是:defaultblackblack-translucent3. 标题<meta name=”apple-mobile-web-app-title” c...