移动前端

苹果手机对网页上样式为position:fixed的弹窗支持不好的解决办法

xiaoqi 发布于 2018-12-27

在Web页面上，如果想模拟对话框效果，一般会给div元素添加position:fixed的样式来实现，然后给背景添加一个半透明的遮罩。如： .fixedDiv { position: fixed; top: 0; right: 0; left: 0; margin: 0 auto...

xiaoqi 发布于 2017-06-14

这篇文章主要介绍了JS前端开发判断是否是手机端并跳转操作,非常不错，具有参考借鉴价值，需要的朋友可以参考下常用跳转代码 <script type="text/javascript"> // borwserRedirect (function browserRedir...

标签：js / 移动端

xiaoqi 发布于 2017-05-26

问题：在ios设备微信服务号中打开会员活动页面，ajax请求的图片异步加载；浏览器会先计算出页面的高度，当图片加载完成无法上拉查看下面的页面内容。我在写页面时，只显示了一块屏幕的页面高度，上拉能看到下面的页面内容，松手之后就弹回到上面。类似于页面内容溢出，然后浏览器自动来...

xiaoqi 发布于 2017-05-24

第一步： media标签写在head里面： <meta name=”viewport” content=”width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1...

xiaoqi 发布于 2017-05-24

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

xiaoqi 发布于 2017-05-13

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

xiaoqi 发布于 2017-05-06

scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素，以便在当前视窗的可见范围看见当前元素。如果alignWithTop为true，或者省略它，窗口会尽可能滚动到自身顶部与元素顶部平齐。 <!DOCTYPE html> <!-- ...

xiaoqi 发布于 2017-05-05

<!– 视图窗口，移动端特属的标签。 –> <meta name=”viewport” content=”width=device-width,initial-scale=1,maximum-scale...

xiaoqi 发布于 2017-05-05

关于这段代码想必大部分做移动端开发的人员都清楚： <meta name=”viewport” content=”width=device-width,initial-scale=1,maximum-scale=1,minimum-scal...

xiaoqi 发布于 2017-04-26

var html = document.getElementsByTagName("html")[0]; function getFontSize(){ var width=document.documentElement.clientWidth ||document.body....