首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    java移动开发_移动开发

    1.移动端视口问题 视口是指浏览器的可视区域,移动的视口到底是多宽呢? 现在市面上的大部分手机,比如iphone X,它的默认视口宽度为980px,而一个iphone X的屏幕宽度仅仅为375px。...我们可以使用谷歌浏览器的移动调试工具,来访问百度的搜索结果,可以看到网页明显被缩小了,而且页面宽度定格在980px(不信的话大家可以试试)。...3.移动尺寸 是同一个网页在不同尺寸手机中的效果。...解决方法: 写一段JS代码,应用到网页 !...注意:在移动,如果使用了背景图(比如雪碧图),记得用同样的方式调整背景图的尺寸。 题外话:移动看上去是不是很麻烦?视口那么小,还要引入各种东西,里面要添加的又杂又乱,还要计算数值,是不是很麻烦?

    5K20

    移动网页布局】移动网页布局基础概念 ① ( 移动浏览器 | 移动屏幕分辨率 | 移动网页调试方法 )

    一、移动浏览器 ---- 移动浏览器 比 PC 浏览器发展要晚 , 使用的技术比较新 , 对 HTML5 + CSS3 支持较好 , 常见的浏览器如下 : UC / QQ / Opera / Chrom.../ 360 / 百度 / 搜狗 / 猎豹 国内的浏览器 基本都是 根据 Webkit 内核进行修改而来的 , 目前没有自主研发的内核 , 因此 移动开发适配比较简单 , 兼容主流的浏览器 , 即兼容...Webkit 内核浏览器即可 ; 二、移动屏幕分辨率 ---- 移动设备的尺寸类型非常多 , Android / iOS 手机分辨率种类很多 , 参考 Android 屏幕适配 专栏 ; 【Android...Android 与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI ) 博客 ; 前端开发时 , 不需要关注上述 屏幕像素密度 dpi , 密度无关像素 dp , 只需要关注 像素尺寸 px 即可 ; 三、移动网页调试方法

    2.6K40

    10-移动开发教程-移动事件

    在前端的移动Web开发中,有一部分事件只在移动产生,如触摸相关的事件。接下来给大家简单总结一下移动的事件。 1....PC事件在移动的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动默认的布局视口宽度是980像素,所以网页文字非常小,为了快速让网页还原到原来的大小,Safari最新引入了双击缩放功能...移动特有的touch事件 由于移动设备大都具备触摸功能,所以移动浏览器都引入了触摸(touch)事件。...封装移动tap事件 由于点击事件经常使用,如果用click会有延迟问题,一般我们会用touch事件模拟移动的点击事件, 以下是封装的几个事件,仅供参考。...它非常小,非常适合移动。 Zepto.js的touch模块中封装了手势相关的代码。

    6.8K80

    10-移动开发教程-移动事件

    在前端的移动Web开发中,有一部分事件只在移动产生,如触摸相关的事件。接下来给大家简单总结一下移动的事件。 1....PC事件在移动的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动默认的布局视口宽度是980像素,所以网页文字非常小,为了快速让网页还原到原来的大小,Safari最新引入了双击缩放功能...移动特有的touch事件 由于移动设备大都具备触摸功能,所以移动浏览器都引入了触摸(touch)事件。...封装移动tap事件 由于点击事件经常使用,如果用click会有延迟问题,一般我们会用touch事件模拟移动的点击事件, 以下是封装的几个事件,仅供参考。...它非常小,非常适合移动。 Zepto.js的touch模块中封装了手势相关的代码。

    6.4K70

    【如果你要学JS XIV】—— 移动常用事件-移动touch触摸事件

    导绪移动浏览器兼容性较好,不需要考虑JS的兼容性问题,可以放心的使用原生JS书写效果,但是移动也有自己独特的地方。如触屏事件touch (也称触摸事件) , Android和IOS都有。...这类事件用于描述一个或多个触点,使开发者可以检测触点的移动,触点的加和减少,等等 touchstart、touchmove、 touchend 三个事件都会各自有事件对象。...touchstart,touchmove,touchend 可以实现拖动元素2.但是拖动元素需要当前手指的坐标值我们可以使用targetTouches[0] 里面的pageX和pageY3.拖动的原理:手指移动计算出手指移动的距离...,然后用盒子原来的位置+手指移动的距离4.手指移动的距离 = 手指滑动中的位置 - 手指刚开始触摸的位置<!...= e.targetTouches[0].pageY - startY; // 移动盒子,盒子原来的位置+手指移动的距离 this.style.left =

    53100

    移动基础

    移动基础 移动浏览器我们主要针对webkit内核进行兼容 现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1.移动调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC页面1px就等于1个物理像素,但移动不同 一个px能显示的物理像素点的个数,称为物理像素比或屏幕像素比 3.2...4.1单独移动页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动。...通过设备判断,如果是移动打开,则自动跳转到移动页面。...,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动技术解决方案 1.移动浏览器 移动浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。

    1.7K10

    移动基础

    移动浏览器我们主要针对webkit内核进行兼容 现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1、移动调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试 搭建本地...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC页面1px就等于1个物理像素,但移动不尽相同 一个px能显示的物理像素点的个数,称为物理像素比或屏幕像素比...4.1单独移动页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动。...通过设备判断,如果是移动打开,则自动跳转到移动页面。...,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动技术解决方案 5.1移动浏览器 移动浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。

    2K20

    移动基础

    移动浏览器我们主要针对webkit内核进行兼容   现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1.移动调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC页面1px就等于1个物理像素,但移动不同 一个px能显示的物理像素点的个数,称为物理像素比或屏幕像素比 3.2...4.1单独移动页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动。...通过设备判断,如果是移动打开,则自动跳转到移动页面。...,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动技术解决方案 1.移动浏览器 移动浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。

    1.4K31

    移动网页布局】移动网页布局基础概念 ⑧ ( 移动页面布局方案 | 单独制作的移动页面 - 主流 | 响应式页面兼容移动 - 开发难度较大 )

    一、移动页面布局方案 移动页面方案 : 单独制作的移动页面 : 主流开发方案 , PC 移动 访问的是不同的页面 , 目前的 京东 / 淘宝 等电商网站移动页面采取的该方案 ; 响应式页面兼容移动...: 开发难度较大 , PC 移动访问的是相同的页面 ; 1、单独制作的移动页面 通过设备类型判断要加载的网页类型 , 一般会在域名前添加 m 打开移动 , 如京东域名为 jd.com , 使用...m.jd.com 可以访问其移动页面 ; 如京东商场 , 在浏览器中输入 https://www.jd.com/ 域名 , 进入的是 PC 的网页 , 在浏览器中 , 按 F12 进入调试模式..., 选择手机设备调试 , 输入 https://www.jd.com/ 域名 , 会自动跳转到 https://m.jd.com/ 手机页面中 , 京东后台会认为是移动设备请求页面 , 自动跳转到移动页面...; 2、响应式页面兼容移动 响应式页面兼容移动 的原理是 通过 判断当前的 屏幕宽度 , 改变当前的页面样式 , 适应不同的设备 ; 如果不断地缩小浏览器的窗口的宽度 , 网页会不停地自适应修改布局

    3.7K40

    JS案例 - 基于vue的移动长按手势

    别急~ 长按功能原理分析一波: 所谓的长按其实就是手指按下去,不移动,超过一定时间才把手指拿开的一个过程(我说的好有道理哈哈哈。然后听到一片同一个声音:废话!!)。...监听手指按下去后是否有移动,就该touches上场了,监听他的clientX,clientY只要没变就是没移动。 并且在这个过程中,还会不时地有地方的英雄冒出来干扰我们补兵。...那就是一个手机自带的效果了:   长按时,在移动触摸文字,(至少ios里)会出现选择文字等干扰我们的真正功能,用了preventDefault()这个属性后就没有了。...所以每次获取数组里边的第一个对象对应的clientX和clientY,就是实时的移动点的位置 //找这个点的作用,就是为了监听用户,是否按住还移动了。...// 那么移动的话,先要清除事先埋伏的定时器timer1.要不然,虽然不是长按事件但是倒计时还在进行中。

    9K30
    领券