【原】移动web页面兼容处理的思考
本月收到一份关爱里程碑的邮件，入职满3周年了，从一个懵懂的新人到从容淡定的小油条，在外辛苦打工不容易，能收到一封简单的关怀邮件也是有感欣慰，这里祝愿公司越发展越好。 进入主题，移动网页设计中，很多同学常问一个问题：这么多种移动设备，要兼容哪几类呢？ 相信很多人会回答主流的系统ios ...
原文：【原】移动web页面支持弹性滚动的3个方案
有段时间一直折腾移动端页面弹性滚动的各种问题，做了点研究，今天做个小分享 传统 pc 端中，子容器高度超出父容器高度，通常使用 overflow:auto 可出现滚动条拖动显示溢出的内容，而移动web开发中，由于浏览器厂商的系统不同 版本不同，导致有部分机型不支持对弹性滚动，从而在开发中制造了所谓的 BUG。 上图如果在PC端中，我们可以利用 position:fixed 和 overflow:a ...
2014-02-18 18:28 7 61205 推荐指数：
相关推荐
移动端web页面滚动不流畅，卡顿闪烁解决方案
移动端web页面滚动不流畅，卡顿闪烁解决方案 1.ios端的-webkit-overflow-scrolling属性可控制页面滚动效果，设置如下实现惯性滚动和弹性效果： 2.position属性导致的页面滚动不流畅问题 ...
移动端web页面滚动不流畅，卡顿闪烁解决方案
1.ios端的-webkit-overflow-scrolling属性可控制页面滚动效果，设置如下实现惯性滚动和弹性效果： 2.position属性导致的页面滚动不流畅问题： 如上代码所示，当absolute定位的容器内存在relative定位并且高度大于外置容器时 ...
【原】移动web页面使用字体的思考
回想2年前刚开始接触手机项目，接到PSD稿后，发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计，于是我写页面的时候也定义 font-family 为微软雅黑，后来发到线上后，细心的产品经理发现页面的字体不是微软雅黑，要求马上修改，我就惊呆了，还跟产品争执一番。 后来了解到的手机系统 ios ...
web移动端全屏滚动页面的适配问题
1.问题说明 近日接到页面全屏滚动的需求，内容为：一张图片，一段文字以及固定在屏幕下方的按钮，如图所示： 根据设计稿尺寸写好页面布局，在大多数手机尺寸中都是适配的，个别手机及ipad会出现问题，以下特例说明： <1> iphone X（375812）中，fixed定位 ...
vue进入新页面，与原页面滚动到相同高度的解决方案
可以在vue路由新增scrollBehavior，控制跳转页面高度 import Router from 'vue-router' new Router({ scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 } } }) ...
【原】移动web资源整理
2013年初接触移动端，简单做下总结，首先了解下移动web带来的问题 设备更新换代快——低端机遗留下问题、高端机带来新挑战 浏览器厂商不统一——兼容问题多 网络更复杂——弱网络，页面打开慢 低端机性能差——页面操作卡顿 HTML5新技术多——学习成本不低 未知问题——坑 ...
移动端Web页面问题解决方案
1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率 ...