开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

IPhone5上的CollectionViewCell屏幕外

是指在iPhone 5设备上使用CollectionView时，CollectionViewCell的部分内容超出了屏幕显示范围。

CollectionView是一种用于展示多个可滚动的项目的视图控件，类似于表格视图（UITableView），但具有更灵活的布局和展示方式。CollectionViewCell是CollectionView中的单个项目单元，用于展示和呈现数据。

在iPhone 5设备上，由于屏幕尺寸较小，CollectionViewCell的内容可能会超出屏幕显示范围。这可能导致部分内容无法完整显示，用户需要通过滚动来查看屏幕外的内容。

为了解决这个问题，可以采取以下几种方法：

调整CollectionViewCell的布局：可以通过调整CollectionViewCell内部视图的布局约束或使用自动布局技术，确保内容适应屏幕尺寸，避免超出屏幕范围。
使用分页功能：可以将CollectionView分页显示，每页显示固定数量的CollectionViewCell，确保每个页面的内容都能完整显示在屏幕上。
提供滚动指示器：可以在CollectionView的边缘添加滚动指示器，提示用户可以通过滚动来查看屏幕外的内容。
使用缩略图或摘要信息：如果屏幕外的内容对用户来说并不是非常重要，可以考虑在屏幕内显示缩略图或摘要信息，以便用户了解屏幕外的内容大致内容。

腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb

相关搜索:来自屏幕外的SlideTransition 处理屏幕外的模型libgdx 如何修复iPhone5和7上的显示错误？在TableViewCell中的CollectionViewCell上显示Json。Swift 3 Android布局中屏幕外的元素屏幕外的CABasicAnimation inside UICollectionViewCells finish 检查对屏幕外画布的支持如何获取屏幕外的导航对象约束布局在设备上推送屏幕外的视图，但不是AVD 电子-如何处理多个显示器上的屏幕外窗口？页面加载时隐藏屏幕外的对象如何延迟Shopify中的屏幕外图像？仅在collectionViewCell内的单个对象上刷新或重新加载数据 Android:移动时使屏幕外的位图可见 Python -在屏幕外与程序的GUI交互为什么我的社交媒体页脚图标在1440px的屏幕上显示时会显示在屏幕外？小屏幕上的insertBefore div和大屏幕上的insertAfter 源结构上的外键？多表上的MySQL外连接 chrome上的抓取屏幕

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

ios学习7_iPhone屏幕尺寸、分辨率及适配

大家好，我是架构君，一个会写代码吟诗的架构师。今天说一说ios学习7_iPhone屏幕尺寸、分辨率及适配,希望能够帮助大家进步!!!

05

ios学习7_iPhone屏幕尺寸、分辨率及适配[通俗易懂]

上表中的宽高（width/height）为手机的物理尺寸，包括显示屏和边框。

02

IOS开发之尺寸

在移动端或者前端开发中，UI图通常是带标注的，指定某个控件的长宽等属性，一般UI给的是68px，72px这样的样式，但是我们在开发过程中通常又并不是完全按照上面的标注去设置值，有时候需要将这个标注除以2或者除以3在进行赋值给frame，这其中的原因是因为标注一般都是按px格式给的，但是iOS底层绘制的时候是按照pt为单位进行绘制，这两个的区别在于：

04

iPhone屏幕尺寸、分辨率及适配

上表中的宽高（width/height）为手机的物理尺寸，包括显示屏和边框。

02

微信iOS多设备多字体适配方案总结

一、背景 2014下半年，微信iOS版先后适配iPad, iPhone6/6plus。随着这些大屏设备的登场，部分用户觉得微信的字体太小，但也有很多用户不喜欢太大的字体。为了满足不同用户的需求，我们做了全局字体设置功能，在【设置-通用-字体大小】这里修改设置后，微信大部分界面都会随之缩放。二、多设备适配 1、各设备的逻辑分辨率：关于iphone6/6plus的物理分辨率、逻辑分辨率、屏幕物理尺寸、PPI等资料，很多文章已经有详细说明了，这里就不再累赘。对于终端开发

08

浅谈web自适应

随着移动设备的普及，移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁，手机厂商繁多，导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难，适配问题在当下显得越来越突出。记得刚刚开始开发移动端产品的时候向设计MM要了不同屏幕的设计图，结果可想而知。本篇博文分享一些卤煮处理多屏幕自适应的经验，希望有益于诸君。

04

手机软键盘弹起导致页面变形的一种解决方案

最近用 uniapp（一种第三方 app 开发框架）开发 app，其中一个页面有十几个 input 输入框，在点击 input 输入时，软键盘弹起，导致页面往上顶，底部的按钮也全部弹到页面上面去了，布局全被打乱。

04

IOS Devices Version

游戏项目中有一个专门用于收集IOS崩溃的接口和查询页，运营/测试的同事有时候会通过查询页大概看一下每日崩溃的情况，经常会问iPhone6,1是什么，iPhone7,1又是什么设备？

01

浅谈Web自适应

前言随着移动设备的普及，移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁，手机厂商繁多，导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难，适配问题在当下显得越来越突出。记得刚刚开始开发移动端产品的时候向设计MM要了不同屏幕的设计图，结果可想而知。本篇博文分享一些卤煮处理多屏幕自适应的经验，希望有益于诸君。特别说明：在开始这一切之前，请开发移动界面的工程师们在头部加上下面这条meta: 简单事情简单做-宽度自适应所谓宽度自适应严格来说是一种

08

H5移动端开发学习总结

对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1.首先，选取一款手机的屏幕宽高作为基准(现在一般选取iphone6的375×667)。之前项目中也用到过iphone5的320×568。 2.对于retina屏幕(如: dpr=2)，为了达到高清效果，视觉稿的画布大小会是基准的2倍，也就是说像素点个数是原来的4倍（对iphone6而言：原先的375×667，就会变成750×1334）。

02

设置Images.xcassets后启动仍旧黑屏的问题

换了XCode6之后，发现以前写Icon-76.png这样很麻烦，就使用了Image.xcassets，公司所有测试机跑了一下，发现没什么问题。唯独有一台设置有问题，iphone5 ios6.0系统，游戏启动后黑屏。而且断点发现游戏获取的屏幕大小变为320x480了，实际应该是640x1136。因为之前打包是可以的，可以我只好把之前的资源打包的时候再添加进去，但总觉得很麻烦。因为不同的越狱不同它可能要求你使用的Launch Image是不一样的，替换来替换去的很繁琐

02

iPhone5 越狱之后该安装的几个APP

其实第一次接触苹果的相关产品是两年前来厦门的时候，后面陆陆续续的玩过不少的设备，但是都是公司的财产。即使可以折腾却总是无法尽兴，因为即使折腾好了，说不定什么时候就会被重新刷掉。而我自己的第一台苹果的设备却是这个月才买的iPhone5.到手之后也没有什么太多的折腾，只是安装了一些可能会有用的东西，而有的东西可能装上之后连用都没用过。(界面是不是有点像安卓了？额，其实我感觉蛮像的，我的安卓差不多就是这个样子。哈哈) 个人认为iOS设备的桌面基本就是个图标北京，叫桌面其实并不合适。因为iOS的图标都是按顺序排列的，不能随意放置。当然越狱之后那就另当别论了，而这里说的也是越狱之后安装的一些插件，像上面的图片用到了两个插件Gridlock2.0（收费插件，话说我的这个还是花钱从cydia上购买的正版，和别人说到这个的时候被狠狠的鄙视了一番，说既然都越狱了还花钱买软件。其实越狱了不代表就不用买软件了），iWidgets。第一个插件用来随意放置图标，第二个插件用来添加桌面控件。上图中用到的控件猛击此处下载！

01

【IOS开发基础系列】屏幕适配专题

由此可见，只有iPhone4和iPhone4s和iPhone5及以上设备的长宽比不一样，可以粗略认为iPhone5、5s、6、6+的长宽比是一样的，可以等比例缩放，虽然有细微的差别，基本上看不出来。

04

02移动端布局

一、rem 1、意义：当px固定宽度不能适应不同屏幕尺寸时，布局需要，从而产生rem 2、rem 和 em 区别 2.1 rem: root，以根节点（html）作为参照的尺寸 2.2 em: 根据父级font-size确定大小 1em = 1font-size（父级的） 3、随着屏幕宽度的变化，改变HTML根元素font-size，从而控制rem值，从而达到相应效果（其他HTML子元素width等都是rem） functi

09

当flex容器中包含absolute元素时

我们设置了justify-content: center;，不同机型显示区别如下：

02

IOS基础知识第二季

1.分辨率：320*480，640*960 2.icon图标需要两个(57*57) 114*114 用于视网膜屏幕 icon@2x.png,icon.png 3.狂写代码，先写再调试、搜索、自学 4.iphone5设备是4英寸之前是3.5英寸，视网膜技术960*640 iphone4 5.320*480 启动页 640*960 Default@2x.png iphone5 Default-568h@2x.png 6.icon需要有29*29 和 58*58 7.模拟器快捷键： 8.沙盒：IOS

06

移动端使用rem同时适应安卓ios手机原理解析，移动端响应式开发「建议收藏」

大家好，我是架构君，一个会写代码吟诗的架构师。今天说一说移动端使用rem同时适应安卓ios手机原理解析，移动端响应式开发,希望能够帮助大家进步!!!

04

移动端适配之终极适配方案rem适配

前面几篇移动端专区博文简单介绍了移动端的概述,以及简单的适配方案,百分比适配,比例缩放适配,viewport适配等,但是难免都有一些各种问题!这次这个rem终极适配方案,是目前移动端的较为完美的适配方案!

02

第133天：移动端开发的一些总结

640 * 1136的图片能不能在iphone5上完全展示？ iphone5分辨率640*1136

02

苹果一倍图尺寸(iphone11pro屏幕尺寸)

iPhone手机屏幕尺寸一般指：物理像素，ps像素。 iPhone的app现在一般适配2倍图和3倍图。 iphont4s 是2倍图，但是你画一个粗为0.5的线，iphont4s显示不出来，iphont5s却可以看到一个像素（从截图上看到的）的线来。识别手机机型使用的是几倍图，一般通过这个值来识别：[UIScreen mainScreen].scale。若为1就1倍图（iphone 4/iphone 4s是个例外），若为2就是2倍图，若是3就是3倍图。但是现在iphone 4/iphone 4s都是按照2倍图处理的，并且他们的屏幕截图也是640*960，说明它是2倍图。但是若你在iphone 4/iphone 4s手机上画条0.5像素的线是显示不出来的，但是在iphone 6及更高版本画一条1/([UIScreen mainScreen].scale)（就是0.5或1/3）的线是显示出来的，说明iphone 4/iphone 4s物理分辨率是1像素。准确的倍图计算公式是：round(屏幕截图宽度/[[UIScreen mainScreen] bounds].size.width)。屏幕截图（上传苹果商店的屏幕快照或者用手机截屏得到的图片）的宽度（或高度）除以物理宽度（或高度，宽度是[[UIScreen mainScreen] bounds].size.width，高度是[[UIScreen mainScreen] bounds].size.height）的四舍五入的整数。iPhone XR的828/375=2.2.08，四舍五入值是2，它的[UIScreen mainScreen].scale也为2（FULL_WIDTH:375.000000, FULL_HEIGHT:812.000000, [UIScreen mainScreen].scale:2.000000），所以它是用2倍图。下面是开发中用到的iphone,ipod,ipad对应的实际像素点和图片倍率： iphont4,iphone4s实际像素点： 3.5英寸屏（320/480） iphone5,iphone 5s,iphone 5se实际像素点： 4英寸屏（320/568） iphont6,iphone7,iphone8实际像素点： 4.7英寸屏（375/667） iphont6 plus,iphone7 plus,iphone8 plus实际像素点： 5.5英寸屏（414/736） iphontX若不设置启动图片相当于iPhone8的放大模式（375/667），若设置了启动图片才是他的实际像素实际像素点： 5.8英寸屏（375/812） iPhone 12 mini实际像素点： 5.8英寸屏（375/812） ipod4实际像素点： 4英寸屏（320/568） iphontX若不设置启动图片相当于iPhone8的放大模式（375/667），若设置了启动图片才是他的实际像素，实际像素点： 5.4英寸屏（iPhone 12 mini）（375/812） 5.8英寸屏（iPhone X，iPhone XS,iPhone 11Pro）（375/812） 6.1英寸屏(iPhone XR,iPhone11) （414/896） 6.1英寸屏(iPhone12) （390/844） 6.5英寸屏（iPhone XS Max, iPhone 11 Pro Max, iPhone 12 Pro）（414/896） 6.7英寸屏（iPhone 12 Pro Max）（428/926） ipod4实际像素点(强制横屏模式)： 4英寸屏（320/568）只支持iPhone不支持iPad的app在iPad上运行都是2倍图，竖屏模式实际像素点：（375/667） iPad (8th generation) FULL_WIDTH:375.000000, FULL_HEIGHT:667.000000, [UIScreen mainScreen].scale:2.000000, 倍率:2.000000 iPad Air(4th generation) FULL_WIDTH:375.000000, FULL_HEIGHT:667.000000, [UIScreen mainScreen].scale:2.000000, 倍率:2.000000 iPad Pro (9.7-inch) FULL_WIDTH:375.000000, FULL_HEIGHT:667.000000, [UIScreen mainScreen].scale:2.000000, 倍率:2.000000 iPad Pro (11-inch) FULL_WIDTH:375.000000, FULL_HEIGHT:667.000000, [UIS

01

4K屏、无线充电、没有Home键，盘点那些关于iPhone7的“黑科技”

据报道，苹果目前已经进入iPhone7发布的准备阶段了！由于苹果一向保持严谨的保密风格，关于iPhone7的消息并不多。不过，好奇心强的外媒或多或少已经扒到一些关于iPhone7的信息。下一代iPhone也许将颠覆以前的经典设计，性能更加强悍，并配备一系列黑科技来袭。一、外观设计焕然一新据悉，iPhone7将放弃全铝制机身外壳。众所周知，2007年第一代iPhone采用的是全铝外壳。到了iPhone 3G和iPhone 3GS，则改用了聚碳酸酯塑料外壳。然后从iPhone4和iPhone4s又改成玻璃

07

pands模块的妙用爬取网页中的表格

拿我这篇为例https://www.cnblogs.com/pythonywy/p/11574340.html

02

首发H5活动页心得 -- 企鹅FM鬼节活动页总结

作为一个UI工程师，在这个移动互联网叱咤风云的时代，每次看到timeline中被分享的各种花样H5页面，总是心痒难耐，也想做有着酷炫动画和带感声效的H5呢。刚好企鹅FM为了迎接中元节，要做一期相关的活动页面，关键是宣传的内容用的还是盗墓笔记，盗墓笔记和盗墓笔记啊。作为一个盗（ge）墓（sao）脑残粉，非常高兴能参与制作，还是职业生涯中第一个有着酷炫动画以及动人声效的H5呢。

05

微信小程序----解析px、rpx、rem、vw实现页面布局

---- 如果文章对你有帮助的话，请打开微信扫一下二维码，点击一下广告，支持一下作者！谢谢！ PX px：绝对单位，页面按精确像素展示。 ---- 在PC端经常使用的单位，不用计算，直接使用，一般情况不用考虑设计图纸的来改变页面的大小。就直接采用px,方便快捷但是不能自适应。 RPX rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。 ---- 微信的自适应单位，同时微信规定：屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物

02

iOS 基本设备信息查询

开发中总会遇到很多需要查询设备及App信息的情况,有时候也是为了更好的用户体验或者为了bug跟踪，可能会需要获取用户的应用信息、系统信息、设备信息。这些信息的获取可以根据不同的设备或者App、系统版本来提供不同的功能或更好的用户体验，或者让开发者能更好的分析用户的问题原因。 (一)设备及App信息查询 1.获取设备名称 OC代码 NSString *deviceName = [[UIDevice currentDevice] name]; Swift代码 let deviceName = UIDevic

05

Unity基础（19）-PlayerSetting

PlayerSettings - 播放器设置（我觉得应该是窗口设置）是将在Unity中编译最终游戏时定义的各种参数（特定平台）的地方。播放器设置鼠标的目标点 PC平台编译相关设置分辨率单个播

01

天了噜，小米也有被“借鉴”的一天

最近，某微博用户发布一条微博，乍一看这条微博的配图，以为小米成功进军泰国，仔细一看，才发现图片中的Logo比小米的“Mi”多了一个i。iMi是个什么鬼？难道是iPhone和Mi的缩写吗？这不小米No

03

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

移动前端中常说的 viewport （视口）就是浏览器显示页面内容的屏幕区域。其中涉及几个重要概念是 dip （ device-independent pixel 设备逻辑像素）和 CSS 像素之间的关系。这里首先了解以下几个概念。

05

iOS获取屏幕宽高、设备型号、系统版本信息介绍1、获取屏幕的宽高2、获取设备的型号3、获取系统版本

在我学习android开发的时候，觉得设备适配是件很头疼的事情，android的设备太多了，那时就很羡慕iOS开发的人不用操心适配的问题，而当我开始学习iOS开发后，iOS的屏幕也开始多种多样了起来...于是也得做适配了，sad...

04

【Java入门提高篇】Day31 Java容器类详解（十三）TreeSet详解

TreeSet是Set家族中的又一名懒将，跟其他两位一样，与对应的Map关系密不可分

02

【Java入门提高篇】Day31 Java容器类详解（十三）TreeSet详解

TreeSet是Set家族中的又一名懒将，跟其他两位一样，与对应的Map关系密不可分

01

【Java入门提高篇】Day31 Java容器类详解（十三）TreeSet详解

TreeSet是Set家族中的又一名懒将，跟其他两位一样，与对应的Map关系密不可分

03

【愚公系列】2022年10月微信小程序-优购电商项目-小程序WXSS样式

WXSS( WeiXin Style Sheets )是⼀套样式语⾔，⽤于描述 WXML 的组件样式。与 CSS 相⽐，WXSS 扩展的特性有：

05

操作系统发展史（移动端）

HTML5学堂：手机操作系统发展史。从手机出现到现在，手机发生了翻天地覆的变化，也是经历了几场“大战”。本文主要讲解的诺基亚的时代到现在苹果、安卓的时代的一个演变的过程。诺基亚： 1. 在2007年

04

怎么从安卓设备转移数据到苹果_换手机了数据怎么办？这样做安卓、苹果手机数据一键转移…

①确保手机已经连接WiFi，然后在手机“设置”中，依次点击“Apple ID——iCloud——iCloud云备份”，开启iCloud云备份功能，然后点击“立即备份”。

01

IOSProject

IOS综合项目,完善的框架,路由模块化设计,集成科大讯飞SDK方便iOS基本输入控件实现语音辅助输入，UI效果参照京东APP,JS与OC交互,ionic跨平台开发,MQTT 协议,即时通讯协议,视屏播放,跑马灯效果仿美团地图定位,城市收索, 友盟分享,基础动画增加FCUIID帮助类,引导页功能模块,照片上传 ,UIView自定义导航栏,文件下载,Masonry 案例,fmdb,数据库,sqlite,百度地图,二维码,照片上传,照片上传有进度,列表倒计时,H5和原生交互,自定义各种弹框,常见表单类型,人脸识别,列表加载图片,列表拖拽,日历操作,导航条渐变,核心动画,动画特效等等

01

微信小程序前端样式WXSS书写

WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。

01

iPhone/iPad/Android UI尺寸规范

iPhone界面尺寸设备分辨率 PPI 状态栏高度导航栏高度标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 146px iPhone6 plus放大版 1125×2001 px 401PPI 54px 132px 146px iPhone6 plus物理版 1080×1920 px 401PPI 54px 132px 146px iPhone6 750×1334 px 326PPI 40px 88px 98px iPhone5 - 5C -

01

前端移动web-day01学习笔记

user-scalable=no：不允许手指缩放(因为一旦缩放就会出现水平滚动条)

00

苹果iOS10开发者预览版Beta1固件下载大全

2016-06-1407:52:19 发表评论 514℃热度 1、固件下载： 2、兼容设备列表 3、更新说明目录可惜我身边没有ios设备，不然必须肯定的得刷一波高贵ios10，因为在WWDC

08

07-移动端开发教程-移动端视口

老马初始学习视口的概念的时候，看了很多的文章，看来很多的资料，鲜有人能把这个东西讲的非常透彻的。老马接下来就从初学者能看懂的角度去讲解视口和适配的方案。 1. 关于屏幕 1.1 屏幕尺寸设备屏幕尺寸是指屏幕的对角线长度。比如：iphone6/7是4.7寸，iphone6/7p是5.5寸。 1英寸 = 2.54厘米 3.5in = 3.5*2.54cm = 8.89cm 4.0in = 4.0*2.54cm = 10.16cm 4.8in = 4.8*2.54cm = 12.192cm 5.0in = 5.

iphone5真机，绝对定位的兼容问题

该问题出现的原因已经找到：根本原因就是absolute定位的元素不参与flex的布局，详见当flex容器中包含absolute元素时。

02

CSS尺寸单位介绍

前端开发过程中，尺寸单位是我们必须用到的，下面我们对css中常见的几种尺寸单位px,em,rem,rpx进行逐一介绍在这之前，需要先对几个概念进行普及介绍

03

CSS尺寸单位介绍

前端开发过程中，尺寸单位是我们必须用到的，下面我们对css中常见的几种尺寸单位px,em,rem,rpx进行逐一介绍在这之前，需要先对几个概念进行普及介绍

02

07-移动端开发教程-移动端视口

老马初始学习视口的概念的时候，看了很多的文章，看来很多的资料，鲜有人能把这个东西讲的非常透彻的。老马接下来就从初学者能看懂的角度去讲解视口和适配的方案。

08

Xcode打包踩过的那些坑

一、file was built for archive which is not the architecture being linked (armv7s)

03

微信小程序运行机制

::: tip 通信方式系统层的WeixinJsBridage 两边提供的 evaluateJavascript 所实现。即用户传输的数据，需要将其转换为字符串形式传递，同时把转换后的数据内容拼接成一份 JS 脚本，再通过执行 JS 脚本的形式传递到两边独立环境。

02

微信小程序视图层之wxss

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

01

基础篇－app上传小准备及上架后搜索不显示

app上传中会需要准备一些文件，如 icon图标，launch Image ，itunes Contect 中还需要上传不同尺寸的屏幕截图等，下面做一下小节。

02

iOS Swift 判断手机机型已更新至iPhone12

/// 扩展UIDevice extension UIDevice { /// 获取设备具体详细的型号 var modelName: String { var systemInfo = utsname() uname(&systemInfo) let machineMirror = Mirror(reflecting: systemInfo.machine) let identifi

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭