如何实现不同纵横比的不同视图布局？
实现不同纵横比的不同视图布局可以通过以下几种方式：
- 响应式布局（Responsive Layout）：响应式布局是一种能够根据设备屏幕大小和纵横比自动调整布局的技术。通过使用CSS媒体查询和弹性盒子布局等技术，可以根据不同的屏幕宽度和纵横比，调整元素的大小、位置和排列方式，以适应不同的设备。
- 弹性布局（Flexbox Layout）：弹性布局是一种基于盒子模型的布局方式，可以方便地实现不同纵横比的布局。通过设置容器的display属性为flex，可以使容器内的子元素自动调整大小和位置，以适应不同的屏幕宽度和纵横比。
- 网格布局（Grid Layout）：网格布局是一种二维布局系统，可以将页面划分为行和列，并通过设置网格单元格的大小和位置，实现不同纵横比的布局。通过使用CSS的grid属性和网格单元格的位置属性，可以灵活地控制元素在网格中的布局。
- 媒体查询（Media Queries）：媒体查询是一种CSS技术，可以根据设备的特性（如屏幕宽度、纵横比等）应用不同的样式。通过使用@media规则和不同的媒体查询条件，可以为不同纵横比的设备定义不同的布局样式。
- JavaScript动态布局：通过使用JavaScript编写适配不同纵横比的布局算法，可以根据设备的屏幕大小和纵横比，动态地计算元素的大小和位置，实现灵活的布局效果。
以上是实现不同纵横比的不同视图布局的几种常见方式。具体选择哪种方式取决于项目需求和开发者的技术栈。在腾讯云的产品中，可以使用腾讯云的云服务器（CVM）来部署和运行应用程序，使用腾讯云的对象存储（COS）来存储和管理静态资源，使用腾讯云的内容分发网络（CDN）来加速网站访问速度。
相关·内容
1回答
我正试着获得相机的全屏预览。我阅读了camera2的文档，其中说到目前为止，Each Surface has to be pre-configured with an appropriate size and format (if applicable) to match the sizes and formats available from the camera device.是我所理解的。如果我的理解有错，请纠正我：
纹理视图和预览缓冲区需要相同的高宽比。它们可以是不同的分辨率，但纵横比必须是相同的，如果你不想预览看起来扭曲。
应将纹理视图的缓冲区大小设置为最佳选择的预览大小。c
浏览 2提问于2016-10-08得票数 0
回答已采纳
我正在使用FrameLayout或PreviewView显示摄像机视频源。对于宽度和高度，视图是match_parent (因为我无法对高度执行wrap_content )，而scaleType是fitCenter，以获得正确的纵横比。按照预期执行此操作会在摄像机视频源的上方和下方产生黑色区域。我如何知道顶部和底部死区的高度，以便我可以准确地在该区域中定位其他UI元素？
谢谢！！
浏览 36提问于2021-02-18得票数 0
虽然可以选择和编辑插件的布局变体，因此对于例如列表视图，似乎不可能具有单个新闻文章的布局变体的选择，然后可以在列表或单个视图中以不同的方式呈现该布局变体。因为使用rgnewsimg是可能的。你知道这样的事情是如何实现的吗？谢谢!
浏览 13提问于2017-03-01得票数 1
我正在尝试制作一个LinearLayout = LayoutParams.WRAP_CONTENT的高度。
我正在从服务器接收一个任意大小的位图，以设置为LinearLayout的背景图像。
如果收到的位图大于线性布局的内容，如何在不调整视图大小的情况下设置LinearLayout的背景图像？
如果背景图像可以保持它的纵横比，并缩放到与屏幕宽度相匹配，那就太好了。
我尝试过覆盖onMeasure作为一种临时解决方案，但最终还是伤到了我的心。
浏览 0提问于2011-09-15得票数 4
1回答
因此，我正在制作一个登录屏幕，并使用自动高度约束来适应屏幕中的所有内容。 这种方法有一个问题，虽然它在纵向模式下可以很好地工作，但在横向模式下会有问题，在横向模式下会太小。 我如何解决这个问题，如果我使用滚动视图，那么我将使用固定高度为我的所有内容，我不想要的，因为它会看起来丑陋在较小的屏幕，有解决办法，这种情况下，滚动视图只能激活时，屏幕旋转，否则内容应使用自动高度限制？ ? ? 所以我想要的是:我的文本字段有0.07%的手机屏幕，但每个文本字段不应该低于高度限制40。 如果出于某种原因，0.07%屏幕高度限制小于40，则激活滚动视图并将高度保持在最小40，如果0.07%大于40高
浏览 20提问于2021-09-14得票数 0
回答已采纳
3回答
我的视野里有一幅图像。我希望能够使图像视图始终保持一个完美的方格，但我不完全确定如何用autolayout实现这一点。
我的屏幕现在看起来是这样的：
图像视图是我想成为方形的东西，不管宽度是多少。我知道这可能是在有限制的情况下完成的，我已经试过了，但最终还是找不出如何做到这一点的。这可能是因为我对autolayout、故事板和ios开发的经验相对较少。
浏览 5提问于2015-03-17得票数 3
回答已采纳
3回答
我设计了一个只有肖像iPhone应用程序的屏幕。我已经应用了Autolayout，以便视图水平适合所有屏幕大小。问题是，对于较小的屏幕尺寸，内容会被垂直截断。我试着不设置组件的固定高度，但它破坏了组件的所有对齐方式。请参考图片；
对我错过的东西有什么快速的建议...谢谢
浏览 0提问于2015-05-20得票数 0
我正在使用视图，它将像徽章一样工作，假设有1个字母，它将使用圆圈，随着文本的增长，它将开始变成圆角矩形。
浏览 12提问于2020-06-12得票数 0
我修复ImageView的代码
private void fixImageWidth() {
int parentHeight = getHeight();
if (parentHeight == 0 || getParent() == null)
return;
Drawable drawable = image.getDrawable();
LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) image.getLayoutParams();
if (drawable
浏览 4提问于2013-07-23得票数 0
我想按照下面的图像创建，因为所有的块都包含了我们可以称之为照片拼贴的图像，它也会被点击。如何使用GridView或任何其他视图或库实现这一点？
如果任何人有任何与此相关的想法，请建议我的写作方式。
浏览 0提问于2013-05-28得票数 1
3回答
我有一个UIView，它的高度应该始终恰好是宽度的1.5倍。当视图被自动调整大小时(在本例中，因为iPhone是旋转的)，这种比例会变得混乱。如何确保高/宽比不会随着视图大小的改变而改变？
浏览 0提问于2010-07-01得票数 0
回答已采纳
我正在尝试做一个游戏使用雪碧包，在iPhone和iPad上都可以工作。
对于iPhones，我可以将场景大小设置为320x568，并将其缩放到所有分辨率，它运行良好。对于iPads来说，这也很好用。但由于iPad上的点分辨率为768x1024，我可以看到缩放伪影，而且图像也不清晰。
因此，我希望将iPads的场景大小设置为768x1024。我的大多数游戏图像都是使用sprite工具包绘制的，而不是加载图像。因此，当我设置新的场景大小时，图像看起来较小。
在绘制图像时，为图像指定正确尺寸的最佳方法是什么？我是否必须根据设备类型转换所使用的每个尺寸和点？
浏览 2提问于2015-06-09得票数 2
1回答
我使用的相机，来自expo包，我有困难的相机视图失真。我的手机有2:1比率，这是不标准的.
当我使用相机的getSupportedRatiosAsync方法时，我得到了各种比率，比如1:1，2:1，4:3，16:9，但是只有2:1看起来很好。
如何选择符合设备自然分辨率的比率？有没有办法，访问设备的首选比率？或者它周围是否有任何黑客，比如总是选择16:9，让相机组件添加黑色边距，而实际设备的比率与16:9不匹配
编辑：
我的电话分辨率是2196x1080，所以正确的比率应该是2:1。但是我无法想出一个计算2196x1080=>2:1的函数，因为(2 * 1080) !== 2196
有什
浏览 1提问于2018-11-25得票数 4
回答已采纳
我有一个问题，当我们结合使用Camera2 API和SurfaceView时，Android中的屏幕方向是如何处理的。我在上试用了一下谷歌官方的HdrViewfinder示例代码。在该项目中，他们使用了一个名为FixedAspectSurfaceView的类，它是SurfaceView的扩展。但是，只有当活动的screenOrientation (AndroidManifest)处于横向模式，而不是纵向模式时，该项目才能正确显示相机预览。将属性设置为portrait会以一种奇怪的方式交换预览。我如何修改代码才能在纵向模式下正确查看相机预览？
因此，FixedAspectSurfaceView.
浏览 4提问于2019-08-22得票数 2
我想填充我的视图，但它不会降低它的质量，所以谁能告诉我如何实现UIViewContentModeScaleAspectFit属性风格，我的视图应该是填充的？？如果我只使用UIViewContentModeScaleAspectFit属性，那么图像分辨率是多少来填充视图？
浏览 8提问于2011-07-08得票数 0
1回答
我是Windows开发方面的新手，对Windows Phone开发的了解更多。
我试图创建一个由三个单元格组成的网格视图。每个网格视图由一个图像(用于背景)和一个文本块组成。
我的背景图像是云图像，我希望第一个图像被第二个图像部分隐藏，第二个图像被第三个图像部分隐藏。
我试着用单元格的边距来表示y部分，这是可行的，但是我的云图并不能使我的单元格的整个宽度。所以我尝试了"UnifirmToFill“选项，但是我的图片被裁剪了。
在这种情况下，在iOS开发中，我们可以使用神奇的属性"ClipToBounds"，我在任何地方都看到了“使用剪辑来限制属性”的答案，但显然这个属性
浏览 1提问于2015-07-16得票数 0
8回答
我需要在我的所有活动/视图中包含一个标题图形。带有标题的文件名为header.xml：
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:backgroun
浏览 2提问于2011-04-29得票数 150
回答已采纳
1回答
我有一个自定义的单元格视图，其中包含一个图像和一个嵌入在垂直堆栈视图中的标签。 堆栈视图绑定到内容视图的4个边缘。 图像具有1:1宽高比的约束。 展开和折叠操作似乎工作得很好，但是当我继续点击时，我看到一些警告，它似乎是随机的。 ? ? ? 2019-01-17 23:15:46.749683+0300 MyApp[10270:349316] [LayoutConstraints] Unable to simultaneously satisfy constraints.
Probably at least one of the constraints in the foll
浏览 11提问于2019-01-18得票数 1
回答已采纳
正如标题所说，我正在寻找一种方法来保持宽度的比例:当这两个变化之一时，高度。
如果设置了UIImageView的图像，则会相应地设置帧。假设图像是10x10，所以imageView有一个10x10的帧。如果现在将imageView的宽度缩小为5宽，则图像可以适当地缩放为5x5，但是，imageView将变为5x10 imageView，并在图像的上方和下方添加透明块。
目前，我已经设置了一个高度约束来模拟我想要设置的图像的比例，但是，如果图像被更新或更改为具有不同比例的图像，将会使图像的显示方式变得混乱。
有没有一种通用的方法来告诉imageView自动缩放它的宽度和高度以使其与图像的原始比例
浏览 1提问于2016-09-14得票数 0
2回答
某些电话只匹配媒体查询
、、、
这个媒体查询只被iPhone 6 Plus接收到，而没有任何其他的iPhone或安卓手机。
@media screen and (device-aspect-ratio: 16/9) and (max-width:768px),
screen and (device-aspect-ratio: 16/10) and (max-width:768px){
.content{
margin-top:200vh
}
}
有什么想法吗？
谢谢,
Aaron
浏览 6提问于2016-01-26得票数 0
回答已采纳
2回答
相对宽度/高度的IOS8自动输出
、、、、
我需要用一个单一的UIView自动生成一个故事板UIControl。UIControl应该是居中的，需要有1:1的纵横比，并且应该始终使用90%的超视图宽度或高度，这取决于设备的方向而不夹紧。
我增加了4个约束
中心Y对齐-视图-超级视图
中心X对齐-视图-超级视图
等宽-视图-将乘法器设置为0.9的超级视图
纵横比-视图-将乘数设置为1:1的视图
此设置在纵向模式下工作良好，但在横向模式下失败。(见下图)
我需要什么样的约束来解决这个问题。如果设备被旋转，我是否必须更改约束？
纵向模式
景观模式-错误
景观模式-模型。这就是我想要的。
浏览 2提问于2015-05-25得票数 4
回答已采纳
4回答
我以编程方式在视图控制器(称为contentView)上添加了一个uiview作为子视图。我还以编程方式在该uiview上添加了一个图像。每次我在iPad上运行这个应用程序时，图像都会被拉伸！如何修复图像，使其适合iPad屏幕，但不拉伸图像？我知道是drawInRect在拉长图像。那么我怎么解决这个问题呢？
下面是我的代码：
UIGraphicsBeginImageContextWithOptions(self.contentView.bounds.size, self.contentView.opaque, 0.0);
[[UIImage imageNamed:@"menu ima
浏览 1提问于2017-04-16得票数 2
3回答
我已经与画廊小工具与其他视图一起活动。我希望画廊作为我的活动是广泛的，我希望我的图像匹配画廊的大小。我对有点迷惑，但这就是我选择的：
Gallery的curtom适配器的一部分：
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView=new ImageView(activity);
imageView.setLayoutParams(new Gallery.LayoutParams(LayoutParams.FILL_PARENT
浏览 0提问于2011-05-11得票数 4
我看到许多想要拍摄肖像照片的人的建议，告诉他们要将相机旋转90度。然而，无论我尝试什么，唯一真正“旋转”的是相机拍摄的图像，但它保留了它的宽度和高度比例，所以发生的情况是，只有当SurfaceView又窄又高时，图片才不会失真。
我想要实现的是拍摄一张4x3的照片，并且在3x4的布局中不会变形。这将是相当窄的，我知道，但目标是旋转预览视图-90度，但仍然保持相机的正常纵横比。现在，如果我想在我的肖像布局上调整照片的方向，我所尝试的一切都会导致图像被挤压。
我开始怀疑我需要对Preview应用一个矩阵，将它旋转-90度，但我不确定如何做到这一点，或者这是否真的是正确的方法。希望能得到一些建议。
浏览 1提问于2013-02-25得票数 4
2回答
我的问题就是标题所说的。我将图像视图的宽度设置为屏幕的宽度(通过故事板，我将左约束和右约束设置为0)我尝试：
imageView.frame = CGRect(x: 0, y: 0, width: imageView.frame.width, height: imageView.frame.width)
但它不起作用。我不确定这是我布局的其余部分(图像在堆栈视图中)，还是我的代码的问题。
这是我的整个布局：
谢谢你的帮助。
浏览 1提问于2017-07-27得票数 0
我正在开发一个3页的iPhone应用程序，我希望每个选项卡的视图看起来像共享相同的地图。所以现在，我只是想弄清楚当你点击一个新的选项卡时，如何重置每个视图的MKMapView区域。换句话说，如果你在标签1上，一路放大到一个地方，然后点击标签2，我希望它显示同样的，在地图上放大。
为此，我在应用程序委托中有一个MKCoordinateRegion，每个视图在离开之前保存到它，每个新视图在被查看之前读取。
换句话说，我的应用程序委托是我的TabBarControllerDelegate，我已经重写了tabBarController: shouldSelectViewController：。这个函数
浏览 3提问于2009-09-02得票数 2
我试图在一个表格视图单元格中设置图像的纵横比，因为iOS无法完成与.5或.0不同的小数来完成宽度或高度的约束。
如果约束接近它的值，或者它被四舍五入到一个擦除十进制的值，那么它就不会失败/中断。
我知道问题是由于经过多次尝试后的十进制，我将通过下面的示例向您展示：
使用以下代码
postImage.heightAnchor.constraint(equalToConstant: 88.9).isActive = true
我得到以下错误：
Will attempt to recover by breaking constraint
<NSLayoutConstraint:0x6
浏览 2提问于2019-02-26得票数 1
回答已采纳
2回答
我被要求实现这样的东西：
其中它是一个水平滚动视图，可以包含几个具有不同纵横比的图像。
因此，我可能希望为每个图像的滚动视图添加一个图像视图，但我不确定应该如何将图像与图像视图相匹配。
我是否应该将图像视图的宽度设置为图像的宽度，然后将模式设置为缩放以填充？
我不想只填充纵横比，因为我不想剪切图像的某些部分，我不想要纵横比，因为我不想要空白。
有谁知道如何处理这个问题吗？我知道这将是一个令人头疼的尝试，使每一个图像大小的工作，所以如果谁有经验，我将感谢帮助。
浏览 0提问于2015-12-17得票数 0
1回答
我的图像不能正常工作？
、、、
我将页面设置为600宽1000高，这样它就可以在所有的iPhones上运行了。在“视图控制器”中，我添加了一个“滚动视图”，然后是“视图”和“视图”，然后我在“顶部中心”添加了一个图像。问题是，它在图片中显示了它是如何的(纵向和横向)，我尝试了“解决自动布局问题>添加缺失的约束”到该图像，但仍然是同样的事情。“滚动视图”工作正常，但“视图”看起来比iPhone屏幕更大，并且都与iPhones帮助相同:)
浏览 1提问于2016-01-29得票数 0
我的目标是：
图像的宽度==屏幕的宽度。
高宽比保持触觉，因此高度会自动调整。
子图像高度的UIImageView ==高度。(您将在下面看到的当前不工作的内容)
我正在使用XCode 6，AutoLayout约束故事板来完成这个任务。
看看下面的两个截图，看看(1)应用程序当前的样子和(2)我需要修复什么。
正如你可以看到在屏幕截图的左边，我有我的故事板与图像视图选择。
图像视图的宽度覆盖屏幕的宽度
我把背景颜色设置为黑色，这样你就可以看到图像视图是如何伸展它的高度的。
看看屏幕截图的最右边，看看我到目前为止设置的3个约束。前两种方法是与屏幕上的图像视
浏览 2提问于2015-07-23得票数 1
回答已采纳
1回答
语义UI中如何生成交错网格
、、、、
对于CSS样式，我使用语义UI，无法找到任何关于交错网格视图的文档。有没有人实施过它，或者有什么想法吗？谢谢!
浏览 1提问于2018-05-31得票数 0
回答已采纳
我有一个图像，我希望使用UITableViewCellStyleSubtitle样式在UITableViewCell中显示它，该样式提供一个UIImageView和两行文本，以及一个可选的附件视图。
但是，当我将UIImageView的内容模式设置为UIViewContentModeScaleAspectFit或UIViewContentModeScaleAspectFill时，似乎没有区别。这两种内容模式都只是显示整个图像，将文本向右移动，以便为图像腾出空间。
有没有人有任何例子来说明它们在实践中是如何不同的？医生说：
UIViewContentModeScaleAspectFit:
Sca
浏览 0提问于2010-07-06得票数 16
回答已采纳
1回答
我增加了
trailing space = 0
Leading Space >= 100
Bottom Space = 0
Top Space = 0
所有上述自动布局约束都添加到灰色图像视图中，图像视图内容模式被设置为AspectFit。如何从图像视图中移除前导和尾随灰色空间。我希望将内容模式保持为AscpectFit。
浏览 5提问于2014-09-24得票数 0
回答已采纳
我尝试以编程方式更改视图的自动布局约束(这里我将其命名为FOO view )，但我做不到。我想办法就是枚举viewController的主视图(这里我将其命名为主视图)的所有约束。
我的问题是，为什么约束附加到主视图，而不是FOO视图？
那里
浏览 1提问于2017-06-19得票数 0
1回答
我已经创建了一个UIView，在这个视图中有一个标签，标签上方有一个图像。视图看起来像这样：(不要介意旁边的其他标签)：
对于标有"title“的标签，我想让它的高度就是文本的高度，这是我使用的代码：
label.numberOfLines = 0
label.lineBreakMode = NSLineBreakMode.ByWordWrapping
问题是，由于上面的图像，文本将始终保持为一行……我的计划是，图像将根据文本的高度调整大小，并使用约束保持其3:4的纵横比。我不确定为什么这不起作用，但我认为这是因为这两个元素上的限制。
以下是视图的当前约束：
标签：
浏览 2提问于2020-09-18得票数 0
3回答
我从Swift开始，试图寻找答案，但找不到答案。我有一个UIViewController，在其中，我正在处理组件(标签、按钮、图像等)的布局。 为了获得良好的外观，我使用了UIView，并将其颜色更改为灰色。在它里面，我有一个徽标的图像，我试图在它里面应用自动约束，但我似乎不能得到正确的，因为出于某种原因，它拉伸图像的视图。 我已经为自动约束之前和自动约束之后添加了图像供您参考。 在自动约束之前： ? 在自动约束之后： ? 代码中没有设置任何约束。仅在接口生成器中。
浏览 23提问于2020-01-24得票数 0
回答已采纳
2回答
我需要缩小我的图像(+- 2500px单面)，以便在我的应用程序中的设备上显示它们。但我有一个问题。如果我用我的代码缩小图像(再往下一点)，图像会显示出来，但侧面会被截断。图像的高度与我的代码是完美的。我正在用下面的代码缩小我的图像：
static public Bitmap scaleToFill(Bitmap b, int width, int height) {
float factorH = height / (float) b.getWidth();
float factorW = width / (float) b.getWidth();
float fac
浏览 4提问于2013-08-20得票数 0
1回答
在运行时缩小图像大小
、、、、
我有一个带有DataTemplate的列表框，在DataTemplate中我有一个图像。下面是我的代码：
<DataTemplate x:Key="DataTemplate">
<Border
Background="#FFFFFF"
Margin="0,2,0,0"
VerticalAlignment="Stretch"
H
浏览 4提问于2014-03-22得票数 0
回答已采纳
1回答
三维相机-窗口分辨率关系
、、、、
当涉及到3D和2D相机(S)时，我遇到了一些问题，与游戏的窗口分辨率有关。我想让播放器从不同的窗口分辨率中选择，要么从菜单中选择，要么通过拖动窗口边框调整窗口大小，而无法使图形的缩放工作正常。在我玩过的游戏中，我可以进入“选项”菜单，选择一个屏幕分辨率，然后窗口自己调整大小，图形、菜单按钮等就会缩放到正确的大小。
目前，我已经尝试了两种不同的窗口分辨率: 800x600和1280x720 (不介意不同的高宽比)。
800x600
📷
1280x720
📷
正如你所看到的，在窗口中可以看到更多的游戏世界(如果这有意义的话，可以看到更多的石头瓷砖)，分辨率为1280x720，我希望我的3D/2D游
浏览 0提问于2017-12-30得票数 1
回答已采纳
2回答
好了，我已经构建了这个小道奇游戏，一切都很完美，除了独立的玩家在视觉上与游戏视图不匹配。供参考的图片。请让我知道任何事情来阻止这个问题。
我希望独立的玩家是相同的游戏视图。
到目前为止，在播放器设置中更改分辨率不起作用。
Unity GameView
独立播放器
浏览 6提问于2018-02-14得票数 0
在一些视图控制器上，我使用图像作为整个屏幕的背景。我想知道这方面的最佳实践是什么，因为我想支持所有当前可用的iPhones (5-7)。通常对于图像，我会得到@2x和@3x的图像，但这里的情况有点不同？
是否添加4张照片到应用程序，然后询问系统我在哪台设备上运行，然后加载适当的照片？这看起来有点笨拙，也不是很优雅。
浏览 3提问于2016-09-21得票数 0
回答已采纳
我有一个功能齐全的应用程序，我正在创建一个新的视图控制器在界面生成器与按钮和标签。我已经在Interface中列出了所有的内容，并使用AutoLayout来确保每个组件都已就位。它在iPhone 5s上工作得很好，但是使用iPhone 6和6 Plus，我的UIButtons没有调整它的高度以适应更大的屏幕。
一张截图就能让这件事更有意义。
iPhone 5s
iPhone 6+
更新我的文本是一个UILabel。基本到底部专业无限是一个UILabel。按钮是单独的UIButton，还原购买是UIButton，底部的最后文本是UILabel。
我所面临的重要制约因素是：
基本标签
浏览 4提问于2015-03-25得票数 1
这是我的xml代码：
<ImageView
android:id="@+id/ColImgPath"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:adjustViewBounds="true"
andr
浏览 9提问于2014-04-19得票数 0
如何将布局约束应用于布局，以便它能够自动调整每个设备的自身，就像我们在iOS中应用的那样？
当我在更大的设备上运行它时，我开发的应用程序留下了空白。
浏览 0提问于2015-05-25得票数 0
回答已采纳
大家好，我正面临着一个奇怪的问题，youtube- iOS - player -helper SDK.Youtube助手播放器视图布局在除iPhone X之外的所有iOS设备上都能正常工作。布局在横向上从右到下修剪。截图附在这里-
浏览 1提问于2018-05-19得票数 0
我使用videojs库在HTML页面中提供视频，我的视频被编码成.h264格式，使用Amazon (.m3u8视频URL)来提供视频。我想把视频延伸到屏幕的末尾，就像(图1)没有任何黑带，但是，我无法伸展视频以适应整个屏幕，正在添加黑色条(图2)。
图像1
图像2
视频网址-
源代码
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Responsive Video.js Test - JS B
浏览 2提问于2020-11-12得票数 0
我在缩减属于grid容器的canvas元素时遇到了问题。 html * {
font-size: 1em;
font-family: Arial;
}
#wrapper {
border: 1px solid green;
display: grid;
grid-template-columns: repeat(auto-fit, 32vmin);
grid-auto-rows: minmax(32vmin, 43vmin);
grid-column-gap: 0.4em;
grid-row-gap: 0.4em;
align-items: center;
just
浏览 28提问于2019-06-09得票数 0
回答已采纳
1回答
这里有一个问题，简单地说：
我们有一个响应的布局，根据屏幕的宽度来缩放我们的图像。对于窄/小屏幕，我们调整为两列布局；对于更宽的屏幕或景观平板，我们可以轻松地显示四列。都是很标准的。
图像被定义为包含元素宽度的100%，并且具有一个自动的高度。这在来自IE7+的所有浏览器中都能很好地工作。
问题是，在页面加载上，浏览器不知道期望图像的高度是。因此，在加载每个图像时，都会有大量的重新流/重绘。事实上，它们大多是方形的，但没有办法向浏览器暗示它们中任何一个的比例。因为我们提供了大量的图像，这会导致页面呈现速度减慢。在一个处理能力较低的设备上，例如旧的iPhone，我猜它也占用了很多不必要的CPU。
浏览 1提问于2013-11-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
