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

    移动H5开发基础

    文章目录 前言 一、移动屏幕相关概念 1. 屏幕尺寸 2. 屏幕分辨率 3. 屏幕像素密度(ppi = pixels per inch) 二、像素 1. 物理像素 2. CSS像素 3....系统 总结 ---- 前言 随着移动H5需求场景越来越多,例如微信公众号中H5页面的开发,APP中内嵌H5页面等,移动H5开发基础知识和技巧是前端开发工程师必备的技能~ ---- 一、移动屏幕相关概念...用户缩放 用户手动放大:1个CSS像素面积变大,区域内CSS像素个数减少,视觉视口尺寸变小 移动,用户缩放影响视觉视口的尺寸(布局视口影响布局(块换行等),引起重绘等,所以改变的是视觉视口) 2....系统 参照理想视口进行缩放,改变布局视口和视觉视口 meta: initial-scale=1.0 ---- 总结 移动和PC比,有很多特有的概念需要理解。...理解了这些基础概念,才能掌握移动H5开发技巧~ 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/151992.html原文链接:https://javaforall.cn

    1.5K20

    H5移动开发学习总结

    对于移动开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点: 1.首先,选取一款手机的屏幕宽高作为基准(现在一般选取iphone6的375×667)。...如果把移动设备上浏览器的可视区域设为viewport的话,某些网站就会因为viewport太窄而显示错乱,所以这些浏览器就决定默认情况下把viewport设为一个较宽的值,比如980px,这样的话即使是那些为桌面设计的网站也能在移动浏览器上正常显示了...ideal viewport(完美视口):完美适配移动设备的viewport,它的宽度等于移动设备的屏幕宽度。有了完美视口,用户不用缩放和拖动网页就能够很好的进行网页浏览。...1.0表示不缩放 user-scalable – 用户是否可以手动缩放,no表示不可以手动缩放 忽略将页面中的数字识别为电话号码: <meta name="format-detection" content...但是当屏幕超过一定的尺寸以后还继续显示h5页面的话会给用户带来不好的体验。因此,我们需要给页面设置最大的宽度和最小宽度。

    98920

    移动H5坑位指南

    -- 多选文件 --> 忽略自动识别 有些移动浏览器会自动将数字字母符号识别为电话/邮箱并将其渲染成上述调用系统功能里的。...query],笔者曾经发表过《H5与App的通讯方式》讲述URL Scheme的使用。...鉴于该方案的成功,其他移动浏览器也复制了该方案,现在几乎所有移动浏览器都配备该功能。而该方案引发的点击延迟被称为点击穿透。...通常移动浏览器都会配备长按二维码图片识别链接的功能,但长按二维码可能无法识别或错误识别。...使用渲染 使用渲染 使用渲染 复制代码 经过网易MTL测试的数据显示,大部分移动浏览器只能识别渲染的二维码,为了让全部移动浏览器都能识别二维码,那只能使用渲染二维码了

    3.4K10

    H5移动适配原理及方案

    工作中接触到了移动的开发,所以最近学习一下移动端相关内容。目前还是一个初学者,出现任何问题请多多谅解。...移动页面需要具备响应式设计,以适应不同大小和分辨率的移动设备屏幕。使用流体网格布局、弹性图片和媒体查询等技术,确保页面在各种设备上都能良好显示。...移动适配原理在学习移动适配原理之前,我们先了解一下在 VSCode 中自动生成的 head 标签中的 viewport。viewport 可以翻译为 视区 或者 视口。...由于移动设备和桌面设备有不同的屏幕尺寸和分辨率,使用视口可以使网页在不同设备上得到合适的显示。viewport 视口。如果要实现浏览器适配移动,首先我们要统一标准视口。...在移动常用到的是 rem,通过使用 rem 单位,可以相对于根元素的字体大小来定义布局和元素的尺寸,从而使网页更灵活地适应不同的屏幕尺寸。

    25610

    移动车牌离线识别效果佳

    手机拍照识别车牌是指通过计算机视觉、图像处理与模式识别等方法从车辆图像中提取车牌字符信息,从而确定车辆身份的技术。手机拍照识别车牌分为车牌定位、字符分割、字符识别三大部分。...手机拍照识别车牌技术的识别率在白天能达到99%以上,夜间95%以上;识别速度在不超过1秒,集成于移动警务通中,通过设备摄像头拍摄车牌自动识别车牌号,能够节省一半以上的车牌录入时间。...支持牌照全:包括新能源车牌、蓝牌、黑牌、黄牌(双)、军牌(双)、警牌、农用车牌、教练车牌、大使馆等各种规格牌照; 2.识别速度快:极致优化的车牌定位和识别算法; 3.整牌识别率高:尤其汉字识别摇摇领先同类产品...; 4.车牌宽度要求低:车牌宽度≧50个像素,都不影响识别; 5.手机拍照识别车牌采用纯C代码编写。...移动车牌离线识别技术是一款成熟的安卓手机拍照识别车牌,可以看到它支持的车牌类型很多,而且对摄像头像素要求不高,所以集成手机拍照识别车牌软件的时候方便了很多。

    1.1K20

    基于嵌入式人脸识别算法

    背景介绍 人工智能算法在过去几年极为火热,广泛应用于计算机视觉、语音识别、推荐算法以及智能机器人等领域;调研发现,工程师为了提高神经网络的准确度,一般采用更深层的神经网络,导致模型参数越来越多...,该方法虽然能够极为快速、准确的进行人脸识别,但是对硬件的要求也越来越高。...其中现有开源模型对 ImageNet 数据集的识别效果如图2所示:图片模型参数以及规模如下图所示:图片模型部署 实际工程应用中,我们可以利用迁移学习对深度学习网络进行微调,通过少量的数据对模型参数优化...,进而快速到达图像识别的目的,具体的流程框架如下图所示:图片 参数设置主要由:1.模型网络调整:图像类别(NumFilters)、卷积核的大小(FilterSize)以及分类器的修改;2.训练参数设置...BiasLearnRateFactor、InitialLearnRate、ValidationFrequency、MaxEpochs以及MiniBatchSize等,具体训练结果如图5所示:图片 调研发现,当前底层嵌入式能够支持

    1.9K123
    领券