首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

浅谈移动端中的视口(viewport)

而移动端则较为复杂,它涉及到三个视口:布局视口(Layout Viewport)、视觉视口(Visual Viewport)和理想视口(Ideal Viewport)。 本文主要讨论移动端中的视口。...1.2 三种视口 移动端浏览器通常宽度是 240px~640px,而大多数为 PC 端设计的网站宽度至少为 800px,如果仍以浏览器窗口作为视口的话,网站内容在手机上看起来会非常窄。...因此,引入了布局视口、视觉视口和理想视口三个概念,使得移动端中的视口与浏览器宽度不再相关联。...布局视口(layout viewport) 一般移动设备的浏览器都默认设置了一个 viewport 元标签,定义一个虚拟的布局视口(layout viewport),用于解决早期的页面在手机上显示的问题...如果要显式设置布局视口,可以使用 HTML 中的 meta 标签: "viewport" content="width=400"> ? 布局视口使视口与移动端浏览器屏幕宽度完全独立开。

2.3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    删除容器镜像中心的镜像

    序言 很久没有思维抖动的时候,就在风吹的一瞬间。。。美滋滋。。。...容器镜像的删除 在使用容器的时候,我们都是自己搭建一个私有的容器镜像环境,一般使用的镜像也就是registry了,用来保存相关的镜像,搭建了镜像,上传了镜像,使用了镜像,那么。。。...一直没有尝试过删除镜像。 当环境不停的升级的时候,镜像的数量会不停的增长,磁盘空间总归是有限的,so。。。需要将老版本的镜像文件删除。 有的时候,当听到没有想过的想法的时候。。。...4、 删除镜像 先获取到tag信息,然后获取到摘要信息,然后删除(默认未开启删除功能) ? 5、 修改配置文件 ?...6、 重新删除 在删除的时候,使用DELETE只会删除元数据,而不会删除真正的数据,从而空间不会真正的释放,从而可以执行垃圾回收,将磁盘空间进行回收(http响应码202表示服务器已经收到请求,

    3.1K30

    视障用户的互联网视界:2018年视障网民移动资讯行为洞察报告

    视障者,广义上个人如果需要透过辅助器具如眼镜、放大镜等才能看清楚东西,就称为视障者。在我国的残障认定标准是两眼中视力较佳的一眼未达0.1或视野各为20度以内者,可申请残疾证。...视障又可分为为全盲及弱视,其中又以弱视居多。 数据统计,中国现有视障者 1700 多万, 而且随着老龄化的严重,这个群体有进一步扩大的趋势。...酷鹅核心洞察 移动无障碍需求日益凸显 随着老龄化趋势严重,视障群体有进一步扩大的趋势,WEB无障碍技术已沉淀多年相对成熟,移动APP产品无障碍成为必备需求。...规范移动资讯产品基础功能的读屏体验 将无障碍测试纳入APP版本更新迭代的必备环节。满足视障用户基本的资讯读屏需求,包括资讯信息流、各个功能按钮可读。...升级图片功能读取 解决目前用户满意度最低的图片无法读取的问题。图片的内容能够被“读”出来,无疑能让视障用户获得更好的体验。目前腾讯AI Lab的“图像描述生成技术”可以解决上述问题。

    1.1K110

    【C++】STL 容器 - set 集合容器 ③ ( set 集合容器常用 api 简介 | 删除元素 | 删除指定值的元素 | 删除指定迭代器位置元素 | 删除指定迭代器范围元素 )

    文章目录 一、删除元素 1、删除指定值的元素 - erase 函数 2、删除指定迭代器位置的元素 - erase 函数 3、删除指定迭代器范围的元素 - erase 函数 4、删除集合中的所有元素 -...clear 函数 一、删除元素 1、删除指定值的元素 - erase 函数 在 C++ 语言的 STL 标准模板库 中 , set 集合容器 是一个有序的集合 , 存储的元素值都是唯一的 , 不重复的...; 调用 set 集合容器的 erase 函数 , 可以删除 集合容器 中指定值 的元素 ; 上述 set#erase 函数原型如下 : size_type erase (const key_type&...; 返回值解析 : 该函数的返回值是一个迭代器 , 指向被删除元素之后的下一个元素 ; 使用示例 : 在下面的示例中 , 删除了集合容器中的第二个元素 ; // set 集合容器 // 初始化列表中的顺序会自动排序...- clear 函数 调用 set 集合容器的 clear 函数 , 可以删除容器中的所有元素 ; 函数原型如下 : void clear(); 该函数没有参数和返回值 , 使用示例如下 : //

    77510

    视障用户的互联网视界:2018年视障网民移动资讯行为洞察报告

    视障者,广义上个人如果需要透过辅助器具如眼镜、放大镜等才能看清楚东西,就称为视障者。在我国的残障认定标准是两眼中视力较佳的一眼未达0.1或视野各为20度以内者,可申请残疾证。...视障又可分为为全盲及弱视,其中又以弱视居多。 数据统计,中国现有视障者 1300 多万, 而且随着老龄化的严重,这个群体有进一步扩大的趋势。...酷鹅核心洞察 移动无障碍需求日益凸显 随着老龄化趋势严重,视障群体有进一步扩大的趋势,WEB无障碍技术已沉淀多年相对成熟,移动APP产品无障碍成为必备需求。...规范移动资讯产品基础功能的读屏体验 将无障碍测试纳入APP版本更新迭代的必备环节。满足视障用户基本的资讯读屏需求,包括资讯信息流、各个功能按钮可读。...升级图片功能读取 解决目前用户满意度最低的图片无法读取的问题。图片的内容能够被“读”出来,无疑能让视障用户获得更好的体验。目前腾讯AI Lab的“图像描述生成技术”可以解决上述问题。

    79090

    小程序容器提升移动研发效率的经验

    移动互联网盛行之后,就是搞App。...有没有什么好的办法?可以帮助从开发用的技术工具入手即可生产出一款符合数字化特色的应用?小程序容器革新App开发这里想要介绍下我使用的小程序容器工具。...小程序容器顾名思义,是一个承载小程序的运行环境,可主动干预并进行功能扩展,达到丰富能力、优化性能、提升体验的目的。...我们以当前市面上成熟的小程序容器技术FinClip 为例,主要以非入侵性的方式把 FinClip SDK 嵌入到现有的 App,让App 具备小程序运行能力,从而转变为「原生+小程序」的混合开发模式,与此同时实现快速的迭代能力.../runtime-sdk/ios/ios-integrate.html可能大家也会想,H5也能实现为啥非要搞小程序,如果用小程序和我们更常接触和使用的“H5 移动应用”与“移动原生应用”作比较,我们会发现小程序又具有非常明显的几大优势

    37120

    第119天:移动端:CSS像素、屏幕像素和视口的关系

    移动前端中常说的 viewport (视口)就是浏览器显示页面内容的屏幕区域。...一、视口 1、layout viewport(布局视口)   一般移动设备的浏览器都默认设置了一个viewport 元标签,定义一个虚拟的layout viewport(布局视口),用于解决早期的页面在手机上显示的问题...设备的逻辑像素宽度和物理像素宽度(像素分辨率)的关系满足如下公式: 逻辑像素宽度*倍率 = 物理像素宽度 而移动端手机屏幕通常不可以设置分辨率,一般都是设备厂家默认设置的固定值,换句话说 dip 的值就是...移动浏览器设置viewport有效,但也能手动缩放。...移动浏览器viewport设置initial-scale缩放。

    1.7K50

    C++删除map容器中指定值的元素

    map容器是C++ STL中的重要一员,平时会遇到删除map容器中value为指定元素的问题,例如删除所有字符串为"123"或者能整除3的元素。...1 map容器下的方法说明 由于map容器下的方法较多,这里只列举代码中用到的几个方法: insert()方法: 1 2 3 4 5 6 //插入val到pos的后面,然后返回一个指向这个元素的迭代器...erase()方法: 1 2 3 4 //erase()函数删除在pos位置的元素,或者删除在start和end之间的元素,或者删除那些值为key的所有元素 void erase( iterator...2 删除map容器中指定的字符串 下面代码中map容器的value对应的是一个string类型的指针,在初始化时类似于string *p = new string("123");。...map容器中指定的整型数据 下面代码中map容器的value对应的是一个int数据,在初始化时可以直接使用map1[i] = i语句。

    51110

    解决电脑不能复制移动删除文件夹的方法

    有时候小伙伴们正在或刚使用过的文件夹或者某个文件,想要把它移动到其它的位置,或者删除它,又或者仅仅想重命名这个文件,但是在操作过程中,我们发现它弹出来了文件夹或者文件正在被使用,操作无法完成,怎么办呢...解决方法 找到占用文件或文件夹的进程,结束那个进程就可以了。...具体为: 【任务管理器】>【性能】>【打开资源监视器】>【CPU】>【关联的句柄】>【输入文件夹地址】>【结束进程】 1、文件夹正在使用 2、【Ctrl】+【Alt】+【Del】快捷键打开任务管理器...3、点击性能选项卡选择打开资源管理器 4、打开 CPU 选项卡 5、将路径复制到【关键的句柄】,右键【结束进程】 摘繁华版权所有,转发或引用请附上原文链接哦!

    2K20

    C# bindingnavigatro删除事件修改&&遍历指定容器的控件

    bindingnavigatro自带的事件,不能修改,如果想在删除前加入提醒,需要做以下改变: 1、 在bindingnavigatro图标上点右键,选 编辑项 2、删除系统默认带的DeleteItem...项目,选为空即可 3、在控件的Click事件中重写代码,可以加入删除提示。。。。...//导航栏的删除事件,重写;首先要在bindingNavigator属性中,删除DeleteItem方法 private void bindingNavigatorDeleteItem_Click...– Serviceboy – 博客园 (cnblogs.com) 删除按钮的代码是如下:(dtList 是你的DataTable变量名) dtList.Rows[bindingNavigator1.....BindingSource.MoveLast(); 附:可以清除*Box控件的值 1 //获取指定容器控件,控制字段编辑或修改 2 private void ClearBox

    66330

    Docker实践(二):容器的管理(创建、查看、启动、终止、删除)

    标题含义: CONTAINER ID:容器的唯一表示ID。 IMAGE:创建容器时使用的镜像。 COMMAND:容器最后运行的命令。 CREATED:创建容器的时间。 STATUS:容器状态。...–restart(自动重启):默认情况下容器是不重启的,–restart标志会检查容器的退出码来决定容器是否重启容器。...五、删除 容器终止后,在需要的时候可以重新启动,确定不需要了,可以进行删除操作。 1 2 docker rm [NAME]/[CONTAINER ID]:不能够删除一个正在运行的容器,会报错。...一次性删除:docker本身没有提供一次性删除操作,但是可以使用如下命令实现: docker rm 'docker ps -a -q':-a标志列出所有容器,-q标志只列出容器的ID,然后传递给rm...命令,依次删除容器。

    2.5K20

    小程序容器是什么?优雅的解决移动应用难题

    2、前端容器的优势 如果把容器类比成集装箱的话,可以很清晰的汇总容器的优势:“提供的原材料(镜像)一样,得到的结果(运行实例)一样”、“打包隔离”、“轻松运输” 等。...容器内运行的服务或服务对应的多个进程就应该是集装箱里对应的货物了,可以很自然地想到,容器的目的就是为进程集合提供一个独立的运行环境。 那我们具体应该怎么实现 “独立的运行环境” 呢?...随着微信、支付宝、百度、抖音等小程序平台的推出,小程序生态获得空前的成功,那有没有一种可能,小程序生态和容器相结合,形成小程序容器呢?...可能大家也会想,H5也能实现为啥非要搞小程序,如果用小程序和我们更常接触和使用的“H5 移动应用”与“移动原生应用”作比较,我们会发现小程序的又具有非常明显的几大优势。...开发者的福音,支持多终端运行 除了移动端的 iOS 与 Android,看到还支持了包括 Linux、Windows、MacOS、麒麟等操作系统。

    59920

    FinClip小程序容器-移动研发中的新解题思路

    现在的 APP 功能越来越庞大了,就拿我们熟悉的来说吧,现在已经很难找到没有信息流的 APP 了。像微信和支付宝这样的巨型 APP 来说,就更夸张了,简直是手机操作系统上的操作系统。...自微信推出小程序开始,各大厂商都针对自己的平台推出了相应的小程序的方案,可以说是层出不穷,基本上每一个厂都有一个对应的小程序的一个方案(如下图所示)。 ​...然而,各大厂商的小程序只能运行在自己生态内的 App 上,可不可以让我自己的 APP 里的功能,也以小程序的形式体现呢?...只需要在 APP 里嵌入小程序容器运行时 SDK ,就可以把你开发好的小程序放在你的 APP 里。 其中我觉得有一点很吸引我,是这一条, 兼容微信小程序开发规范 。...也就是说,原来微信小程序的开发者,可以在不改代码的情况下,顺带手把这个小程序放在自己的 APP 里。同时,提供后台管理页面,可以统一管理自有和外部开发上架的小程序,以及对收集到的小程序数据进行分析。

    47260
    领券