当前位置: 首页 > 知识库问答 >
问题:

什么尺寸的图像是理想的iPad和iPhone,肖像和风景

施冠玉
2023-03-14

我的应用程序中有3个媒体查询断点

  1. (最小宽度:1024px)//适用于台式机
  2. (最大宽度:1023px)和(方向:纵向)//用于移动纵向
  3. (最大宽度:1023px)和(方向:横向)//用于移动横向

根据断点,我将更改对应于设备和方向的图像源

对于桌面设备,图像的宽度和高度为346x251。

现在,我需要对移动肖像和风景的图像进行切片。移动肖像和移动景观的理想尺寸是多少

共有1个答案

厉念
2023-03-14

对我来说,简单的答案是:无论大小,都可以在布局的其余部分的上下文中工作。

在类似的情况下,我通常会从最小的屏幕/浏览器大小开始,尝试布局,然后逐渐增加视图的大小(在浏览器中),直到它看起来像垃圾,然后我在最小宽度处进行更改媒体查询。

我发现,更好的做法是让布局在任何视口大小下都“经得起未来考验”,而不仅仅是在基于当今产品的最常见尺寸下。

 类似资料:
  • 我有两个图像,一个是竖屏,另一个是横向模式。当移动设备视图旋转时,切换这些图像的最佳方式是什么? 目前我只显示肖像图像。当设备旋转到横向模式时,纵向图像只需拉伸即可。 我是否应该在方向旋转处理程序中进行检查,并简单地将图像重置为正确的方向图像(即根据方向手动设置)?? 谢谢

  • 问题内容: 在docker image prune 的docker 文档中,可以使用- a标志来 删除所有未使用的图像,而不仅仅是悬空的图像 然后 删除所有悬空的图像。如果指定了-a,还将删除所有未被容器引用的图像。 有人可以向我解释什么是悬空图像,悬空图像和未使用的图像有什么区别? 问题答案: 未使用的图像表示尚未在容器中分配或使用它。例如,在运行时-它会列出您所有退出的和当前正在运行的容器。显

  • 有一段时间没写加密了,还忘了一些东西。 我记得,为了使使用相同键的相同数据的输出不同,我想在字节数组的一端对数据进行salt处理,然后使用CBC模式,这样salt就可以完成它的任务。 但是我想不起来加密的方向是什么了,应该把salt放在0的位置,然后把要加密的数据放在它后面,还是把salt放在最后?我知道CBC模式工作最好的时候,盐是第一块在链。 我使用的是AesCryptoServiceProv

  • 问题内容: 我正在使用Pythons模块进行编码。如果将3D空间中的点的坐标描述为,那不是三个维度,三个轴,三个等级吗?或者,如果那是一个维度,那它不应该是点(复数),而不是点吗? 这里是文档: 在Numpy中,尺寸称为轴。轴数为等级。例如,3D空间[1、2、1]中的点的坐标是等级1的数组,因为它具有一个轴。该轴的长度为3。 资料来源:http : //wiki.scipy.org/Tentati

  • 问题内容: 目前,我正在使用: 尽管此方法可行,但最终得到的图像大小不同(有些是纵向的,有些是横向的),但是我希望所有图像都具有精确的尺寸。也许是明智的选择? 更新: 我不介意裁剪图像的一小部分。当我说明智的耕作时,我的意思是这样的算法: 问题答案: 这是我对图像进行填充拟合的观点: 它首先使用缩略图操作将图像降低到原始范围内并保留宽高比。然后将其裁剪掉以实际填充边界的大小(因为除非原始图像为正方

  • 问题内容: 我在不知道相应图像的宽度/高度的情况下将标签放入文档中: 我想使用CSS将图像缩放到其“本机”大小(基础图像的大小)的一半。我不知道该怎么做。 使用将相对于包含块而不是图像的大小。 我无法调整为特定的像素宽度,因为我不知道图像的尺寸。 由于我只需要支持WebKit,因此我尝试使用转换: 这样可以很好地调整图像,但不会调整图像元素本身的大小。 @Radagaisus建议使用Javascr