卡片调整大小具体化
是指在前端开发中，通过调整卡片元素的尺寸，使其适应不同的屏幕尺寸和设备类型，以提供更好的用户体验。
卡片调整大小的具体化可以通过以下几种方式实现：
- 响应式设计：使用CSS媒体查询和弹性布局等技术，根据屏幕尺寸和设备类型自动调整卡片的大小和布局。例如，在较小的屏幕上，卡片可以垂直堆叠，而在较大的屏幕上，可以水平排列。
- 断点布局：在响应式设计中，可以定义多个断点（breakpoint），根据不同的断点设置不同的卡片尺寸和布局。例如，可以在手机、平板和桌面设备上分别设置不同的断点，以适应不同的屏幕尺寸。
- 动态调整：通过JavaScript和CSS动画等技术，根据用户的操作或设备的旋转等事件，实时调整卡片的大小和布局。例如，在用户旋转设备时，可以重新计算卡片的尺寸，以适应新的屏幕方向。
卡片调整大小具体化在各种Web应用和移动应用中都有广泛的应用场景，例如：
- 社交媒体：在社交媒体应用中，用户的动态消息通常以卡片的形式展示。通过卡片调整大小具体化，可以在不同的设备上优化显示效果，确保用户能够方便地浏览和交互。
- 电子商务：在电子商务网站或应用中，商品展示通常以卡片的形式呈现。通过卡片调整大小具体化，可以在不同的屏幕尺寸上提供一致的购物体验，使用户能够轻松浏览和购买商品。
- 新闻和内容聚合：在新闻网站或内容聚合应用中，新闻文章或内容片段通常以卡片的形式展示。通过卡片调整大小具体化，可以在不同的设备上提供最佳的阅读体验，使用户能够舒适地阅读和分享内容。
腾讯云提供了一系列与卡片调整大小具体化相关的产品和服务，其中包括：
- 腾讯云移动应用开发平台：提供了丰富的移动应用开发工具和服务，帮助开发者实现卡片调整大小具体化等功能。
- 腾讯云前端开发平台：提供了一系列前端开发工具和框架，支持响应式设计和断点布局等技术，帮助开发者实现卡片调整大小具体化。
- 腾讯云内容分发网络（CDN）：通过全球分布的加速节点，提供快速可靠的内容分发服务，帮助优化卡片调整大小具体化的性能和用户体验。
更多关于腾讯云相关产品和服务的详细介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
首先，我将尝试描述我们试图用C#代码表达的真实世界模型。
我们有一个叫M100的设备。它的目的是读取\写入数据从\卡(塑料或超轻卡，如MIFARE)。它可以有最多3个天线(设备通过天线读写数据)。其中一个天线是内部的(因此，卡可以放在设备表面，设备将能够执行读写操作)，另一个是外部的。让我们考虑一下通常的情况。我们有服务站。M100驻留在终端中，并且它有两个外部天线被放置在一束卡片分发机上。卡片分发器是另一种设备，它负责接受和分配卡片，以执行M100的读写操作。因此，卡片分发器从用户那里获取卡片，将其移动到读\写位置，然后M100可以执行读\写操作。M100只能配备一个(内部)天线。因此，我们
浏览 0提问于2014-04-12得票数 1
我的HTML中有一个类似卡片的组件，里面有文本。我的问题是，当我调整页面大小时，卡片会变小，但文本会溢出。我目前使用的是Bootstrap 5，它的h4类如下所示： <div class="card bg-white">
<div class="align-items-center d-flex justify-content-center my-3">
<h1 class="text-primary bold">INFORMACIÓN</h1
浏览 24提问于2021-09-01得票数 0
回答已采纳
我使用以下代码在js文件中定义图表。
"<div class='col-10 col-md-3 col-lg-3' id='" + firstName + lastName +
primaryCompensationCode + "COLME' style='position: relative;'>",
"<canvas id="firstName + lastName + primaryCompensationCode + "ME",
"
浏览 20提问于2018-07-24得票数 0
1回答
我的md-card组件出了点问题
<md-card>
<img height="200" width="200" md-card-image src="/resources/{{odd?.image?.path}}" />
<md-card-content>
<button md-button>{{odd?.object?.name}}</button>
</md
浏览 0提问于2017-07-24得票数 4
回答已采纳
1回答
我正在使用display: flex创建一个基于响应卡的仪表板。
我注意到卡片(每个单独的元素div)都是垂直收缩或展开的，以保持一行相同的大小。因此，最大(或最高)卡的高度由同一行的其他卡片继承。
注意:当您调整Fiddle窗口的大小时，您会注意到这只会在多张卡片连续出现时发生。因此，当窗口太小，不能横向只允许一张卡时，大小取决于内部的内容。
我似乎不知道是哪一种财产在做这件事，所以我的问题是：
如何使卡片不被调整大小？
或
如何在不使用display: flex的情况下保留响应性
浏览 3提问于2017-07-31得票数 0
回答已采纳
1回答
我正在使用TweenMax基于滚动位置进行动画。我想要设置动画的位置会根据屏幕尺寸的不同而变化。可以根据屏幕的宽度进行变量更改吗？ 我是个新手，使用了很多复制/粘贴解决方案。我有两个相邻的矩形div，它们像卡片一样翻转，在背面显示信息。在移动屏幕上查看时，这些卡片是垂直堆叠的，而不是彼此并排。这会改变我想要动画翻转卡片的点。 我找到的解决方案是根据媒体查询更改var sceneStart。这只是一个解决问题的想法。 这是我曾经尝试过的，但没有成功。 var sceneStart2;
if (window.matchMedia("(max-width: 480px)")) {
浏览 33提问于2019-01-05得票数 0
回答已采纳
1回答
我在Bootstrap中有一行，其中包含几列，我想在内容周围添加阴影效果，以使元素在“卡片”中组合在一起。问题是，当我将shadow-sm添加到Row的父组件的className属性中时，卡片看起来非常宽，因为Row组件伸展到容器的两边。内容不像行那样宽，因此当前的效果使它看起来松散地包含在卡片中。如何才能使行只占用所需的空间？ Reference JSFiddle
浏览 11提问于2021-06-26得票数 1
当我在做卡片扫描以从图像中提取文本时，我想从图像中得到准确的文本，但是我只从卡片中得到精确的图像值，我试图在我的卡上应用自适应阈值，但是我会遇到错误，就像
File "C:/Users/shruthipriyanka/PycharmProjects/Scanning/sample.py", line 11, in <module>
newimage = cv2.resize(oriimage,(583,327))
Type Error: src is not a numpy array, neither a scalar
有人能解释我做错了什么并提出一些解
浏览 0提问于2018-03-15得票数 0
回答已采纳
1回答
我试图洗刷c中的链接列表，我的想法是将列表移动到一个卡片数组中，然后对数组进行洗牌，然后将其全部放回链接列表中。当我构建一切都没问题，但是当我使用调试器时，程序会停止，并说“触发了一个断点”，我没有做任何不同的事情。谢谢你的帮忙!
这是我的一些代码
typedef struct card
{
int rank;
int suit;
}card;
void shuffleDeckPlay(cardList *deck1, int size)
{
card *array = (card*)malloc(sizeof(card));
for (int i = 0; i < siz
浏览 1提问于2015-05-30得票数 0
回答已采纳
1回答
自定义卡引导4在div中
、、、
我使用bootstrap4，我想在里面放一张很大的卡片，我想在每行放5张其他的卡片，像这样的屏幕。这是我的代码 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous
浏览 9提问于2020-09-04得票数 0
1回答
我对在JPanel中放置对象有一个问题，它有OverlayLayout作为布局。我正在创建纸牌游戏，我想要的是一个关于丢牌的故事。例如，我希望船上有10或12张卡片，按放置的顺序排列，并具有重叠的效果。下面是我想要实现的目标的以下示例：
使用当前向板中添加卡的代码，当我添加最多10张卡时，它看起来如下：
你可以看到数字的卡片是模糊的，这使得它很难读卡片的数字。我要添加到板上的卡片图像是自定义类的对象，它扩展了带有JPanels对象的BufferedImage对象：
@SuppressWarnings("serial")
class CardImage ext
浏览 3提问于2021-01-04得票数 0
回答已采纳
android开发人员页面提供了关于peek卡的变量选项的以下信息：
当选择此peek模式时，peek卡将尽可能高，同时在顶部保持足够的空间来绘制系统时间和状态图标。
你怎么能知道卡片有多大的空间？
我之所以这样问，是因为我的卡片似乎显示得很短，但是脸会根据卡片的大小而调整，并且需要两张内线的卡片。
编辑:我没有得到我正在寻找的行为，因为我使用了错误的方法来更改设置。由于被调用的整数对函数有意义，所以程序运行。
.setCardPeekMode(WatchFaceStyle.PEEK_MODE_VARIABLE)
.setPeekOpacityMode(WatchFaceStyle.PEEK_
浏览 11提问于2016-07-17得票数 0
回答已采纳
1回答
我试图调整图像的大小，以生成缩略图、卡片等。然而，当图像被调整大小时，它似乎在保持高宽比，这是不起作用的，因为原始图像通常是矩形的，而缩略图、卡片等则有正方形图像/与原始图像不同的高宽比。另外，如果纵横比是相同的，那么我没有意识到这与在CSS中设置img的宽度有什么不同？
我在App后端有以下代码来处理这个问题：
class ImageHandler(webapp2.RequestHandler):
def get(self):
img_url = self.request.get("url")
try:
resu
浏览 0提问于2015-05-27得票数 0
回答已采纳
我有一个卡片布局，可以使用JComboBox在面板之间切换。问题是当我调整窗口的大小时，我的面板从来没有改变过大小。每当我使用SpringLayout时，我只需要告诉某个东西保持x像素远离边界，它就会自动调整大小。我怎么才能在CardLayout中模仿呢？
浏览 3提问于2016-01-19得票数 0
1回答
一开始，对不起，请原谅。我英语很差，因为它不是我的第一语言。也许这就是我找不到解决办法的原因。
我正在用5张卡片制作一个响应性的卡片组。对于一个大屏幕，我想把4张卡片放进一排，多余的卡片将集中在下一行。对于中屏幕，3张卡片将排在一排，2张额外的卡片将在下一行居中。
我能做这些。
但我想这么做
我的尝试：
.skills-content {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;}
.card {
width: calc(25% - 20px);
bac
浏览 1提问于2021-10-31得票数 0
回答已采纳
2回答
聚合物中可调整大小的元件
、、、、
我试图使用paper-dialog为可调整大小的卡片制作一个组件，并尝试使用css属性"resize:both;“，但我找不到一种方法来更新内部元素和组件，当它们的容器(paper-dialog)增大时。有没有办法捕获元素上的resize事件？当我这样做的时候，我应该调用/做什么来触发css更新？
谢谢!
浏览 2提问于2014-11-12得票数 0
1回答
我有三张水平的卡片，每张都有33.3%的宽度。我想在我的第一张卡片中添加这个圆环图，但是当我添加时，图形没有响应性的property.How，我们可以响应性的吗？ google.charts.load("current", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google
浏览 21提问于2020-07-13得票数 2
1回答
目前我有一个可折叠的，一旦点击就会弹出一张牌。在这张卡片中，我有一个段落标签，其中包含一组元素。然而，就目前而言，这张卡是一套大小。如果可能的话，我想让卡片的宽度根据段落标签和它里面的所有元素的大小进行调整。因此，它将防止段落标记中的任何元素移到第二行。相反，卡片将简单地相应地增加/减少宽度。 这是我的包含卡片的HTML： <div class="collapse" id="@target">
<div class="card card-body w-25 p-3 collapsible cardCollapsible&#
浏览 50提问于2020-04-24得票数 1
回答已采纳
1回答
我使用magento (html，php，js)，想要设计的产品列表页面，以改变屏幕尺寸为基础。目前的设计是响应式的，但是，我需要在大屏幕中使用卡片，以及在小屏幕中使用与卡片完全不同的其他东西。产品在数组/集合中，我有一个for循环来显示产品属性。我正在寻找css媒体查询之外的其他内容，例如
如果屏幕很小//显示列表否则//使用卡片
在php中有没有检测屏幕大小的方法?使用它是一个好的做法吗？如果浏览器视图调整了大小怎么办？
浏览 6提问于2017-06-27得票数 0
我从来没有写过纸牌游戏，目前正在编写一个简单的纸牌游戏，我有一副牌，他们需要洗牌(做)，然后从顶层画成一个表(中间的桌子)，用户(S)可以从中选择。
唯一的问题是，我不知道如何才能找出从顶层的牌到哪里去。
假设抽签牌是100,100。
假设这张表从200,200开始，可以有6张卡片。
我怎么知道这些卡片会在画面中出现在什么地方？
我目前的想法是，在设置X/Y协调时，我们填充表格中的“空”卡片对象，这样我就知道了，而不必做太多的编程工作。
但我不确定这是否是最好的方法，因为屏幕大小，等等。
艾莉:表。一张卡片的宽度是50，它们之间的距离是20。
> Card slot #1 = 200,2
浏览 0提问于2014-06-23得票数 0
回答已采纳
1回答
我正在尝试创建一个简单的卡片框页面，基于前端导师挑战()，但我真的很难垂直对齐主卡片。
我希望它能响应较小的屏幕尺寸(移动)，但正如你在演示页面中看到的那样，如果用户抓住页面，卡片就会移动。我希望它是静态的，并且卡-and它的元素-适应(缩小或扩展)到不同的屏幕尺寸。
这是我的第一个CSS实验，所以我不知道该做什么。
演示页面：
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500;700;900&display=swap");
:root {
--pa
浏览 6提问于2021-10-25得票数 0
3回答
假设我的绘图文件夹中有一个带有400x400 res的图像'A‘，我有一个ImageView源代码设置为A，这个ImageView位于线性布局或卡片布局中。
我希望图像根据设备的大小进行缩放，对于4英寸的设备，我希望它是120 the 120 of，但我希望它根据显示的大小而缩放到更大的像素。
浏览 0提问于2019-02-07得票数 1
回答已采纳
(Bootstrap 4.1.3)我正在尝试自定义一张卡。所以我首先把border-danger
<div class="row">
<div class="col">
<div class="card border-danger">
<div class="card-header border-danger">
Label
</div>
<
浏览 1提问于2018-10-23得票数 0
我正在使用Ionic框架开发一个应用程序，并有一个视图，如下图所示，当用户点击textfields Account No:和Destination A/C:时，我希望弹出卡片列表，卡片列表将通过调用web服务来填充。
我是AngularJS的新手，如果你能帮我一个基本的例子来完成这个任务，我将不胜感激。
fundtransfer.html
<div class="list" ng-controller="PostsCtrl">
<div class="panel-heading">
浏览 2提问于2014-09-11得票数 0
回答已采纳
我有一个网络应用程序的前端使用materializecss.com框架。它有相当多的数据表贯穿始终。我的表使用materialize中的css，我真的很喜欢它的样式。表格有5-8列，在移动设备上，你必须首先放大，然后滚动。 我不确定的是，让它对移动设备友好的最好方法是什么；我一直在寻找将表转换为卡片的代码，并找到了一些用于引导卡的代码，但没有找到用于实现的代码。我不想隐藏列。 我已经尝试了一些使用媒体查询的解决方案，比如：@media only screen and (max-width: 992px)...但我认为materialize正在覆盖它们，因为它们不起作用。我尝试将它们标记为!i
浏览 7提问于2021-03-24得票数 0
我正在使用flex layout在桌面视图上设置材料卡片内联，在电话视图上设置垂直卡片。
<div fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center center" class="containercards">
<div fxFlex fxFlex.xs="100">
<mat-card class="container">
<mat-card
浏览 1提问于2018-03-28得票数 0
1回答
我正在使用materialize制作两条消息，这两条消息将以文本形式显示在卡片上。我将使用javascript DOM操作来允许某些用户编辑它们，并使其对某些用户是只读的。我已经添加了所有的javascript代码，它工作得很好，但问题出在HTML，而不是javascript。文本区只显示了一行半，然后就被切掉了。
下面是我的代码：
<div class="row">
<div>
<div class="card green accent-1">
<div clas
浏览 0提问于2021-02-20得票数 0
在netbeans designer中，它看起来如下：
当我运行应用程序时，如下所示：
我使用cardLayout作为主要布局和卡片使用免费设计布局，有多个卡，但它们都是相同的大小，就像第一个截图。
浏览 4提问于2015-08-06得票数 1
回答已采纳
我正在为iPhone写一个纸牌游戏，我不确定显示卡片的最佳策略。我有一个基本的原型，它创建了一个UIImageView，可以为每一张卡片拖放一个虚拟图像。我想使用一个大的UIImage，其中包含所有卡片的脸，然后让每个可拖动的UIImageView显示该图像的一部分。我一定是误解了setBounds是为了什么-我以为控制了底层图像的哪一部分显示。因此，有两个问题：
这样做对吗？
如何只显示图像的一部分？
浏览 2提问于2009-09-13得票数 0
1回答
我正在尝试将文本放入卡片中，并使卡片具有一点灵活性，只要有很长的文本，卡片就会自动转到下一行，卡片就会得到langer Widget ServiceCard (BuildContext context,double price){
return Container(
height: 100,
margin: EdgeInsets.only(top: 12,right: 8,left: 8),
width: MediaQuery.of(context).size.width,
child: Card(
shape: RoundedRectangl
浏览 21提问于2019-06-08得票数 3
1回答
我们使用ACF for Wordpress创建了一个自定义主题。我们的问题是，我们调整单个图像的大小为1440x320，以适应2个位置。第一个可以正常工作的地方是使用完整的1440x320图像的Full post leadspace图像。我们的问题是，对于特色帖子视图或卡片布局，图像需要调整到380宽x 160高。我们正在使用高级自定义字段将图像添加到帖子中。我会附上一张正在发生的事情的照片
浏览 0提问于2016-03-15得票数 0
在App Engine image API中，它告诉我可以使用以下命令调整图像的大小：img.resize(width=80, height=100)
但从示例中看，图像大小似乎正在减小。是否可以改为增加图像大小？我可以拍摄一张175x100的图像，并将其设置为350x200，或者其他一些固定分辨率吗？(我知道可能会有一些失真度，但更重要的是图片要有一定的大小)
我的用例是，我们有一个可以在卡片上显示LinkedIn个人资料图片的应用程序。然而，这些头像的分辨率不同。图像需要相同的大小，否则当用户刷卡时，用户界面看起来很不协调。
浏览 1提问于2015-01-31得票数 0
2回答
所以目前我使用的是Bootstrap的网格系统和一张简单的卡片。在卡片中，我动态地呈现背景图像。想想Instagram网格系统。所有的事情都很好，除了一旦我进入一个定义的列宽度以下，卡片调整它的大小可能是它的原始高度的10%，并且图像几乎不可见。
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="card" style=" min-height: 100%; min-width:
100%;back
浏览 0提问于2019-02-19得票数 1
回答已采纳
1回答
我正在和4个玩家玩纸牌游戏，其中3个玩家的纸牌背面显示在屏幕上，部分在外面。我已经成功地做到了这一点，使用顶部和左侧玩家的卡片视图的页边距，但在右侧的玩家有一个问题，设置卡片视图的左侧页边距只会调整它的大小，并防止它离开屏幕。
这是一个屏幕截图：
我想我漏掉了什么.
谢谢!
浏览 2提问于2012-12-23得票数 3
回答已采纳
2回答
很长一段时间没问过什么了。我正在努力构建我的设计组合，因为我并不是一个真正的前端开发人员，所以我缺乏很多知识，但这就是我来这里的原因:)
我有一个容器，它是一个带有给定填充物的DIV。在里面我会有一个由流体宽度卡片组成的网格。当调整父元素大小时，保留卡长比(平方)和卡片之间的排水沟的最佳选择是什么，或者是如何做到这一点？
简单地说，我在寻找类似于附图的东西：
因此，无论屏幕大小，排水沟和填充将保持不变，而卡片改变他们的宽度，以填补空间。
我在寻找一些尽可能纯粹的CSS。我该去哪看看？
谢谢!
浏览 3提问于2015-11-11得票数 0
回答已采纳
1回答
摘要：响应缩放的精灵滑动，偶尔显示不正确的精灵.
背景:我在谷歌上搜索并仔细阅读了这个问题的答案--找到了一些答案，比如 --但是他们并没有告诉我任何我已经一次又一次没去过的事情。在过去的一周里，我一直在努力工作，我感到非常沮丧。:(
问题：，我正在尝试对用于扑克游戏的芯片和卡片精灵进行响应性缩放。我的缩放工作非常完美(游戏中的一切都按照表的大小完美地调整和缩放)，但是精灵在调整大小的过程中看起来“滑动”了，偶尔也会显示出不正确的卡片。在努力寻找解决这个最不体面行为的方法的同时，我遇到了许多使用缩放精灵的站点，但我无法确定自己的错误之处。
示例：我准备了一个只显示问题的相关部分，在这里：
适用
浏览 1提问于2013-10-02得票数 0
回答已采纳
2回答
我喜欢将东西放入卡片中的设计选项，比如这里从blslib() 中获取的可复制示例。这并没有像预期的那样在我的屏幕上呈现。应该有10行是可见的，在我的屏幕上，用滚动条呈现两行。我认为fillContainer的论点会导致这种渲染和填充卡的空间。
有人能看到一个补丁，这样表就能用页面长度选项设置的行数来填充卡片吗？
bs4_card <- function(body, title) {
div(class="table-responsive",
class = "card",
div(class = "card-header bg-
浏览 8提问于2022-02-13得票数 1
回答已采纳
我目前正在通过映射方法呈现一个由反应性卡组件组成的网格，我也需要对其进行扩展。问题是，当一张卡片展开时，行高明显改变，然后将卡片推到页面下方。对于同一列中的卡片来说，这很好，但是它在其他非展开列中的卡片之间创建了一个不需要的空间。有什么方法可以用CSS网格来解决这个问题吗？
未扩大：
扩大的电流效应：
扩大后的预期效果：
这是我当前用于网格的CSS：
layout {
display: grid;
grid-template-columns: repeat(auto-fit, 30rem);
justify-content: space-evenly;
jus
浏览 16提问于2022-06-16得票数 1
回答已采纳
2回答
Qt布局子级浮动
、、
我有一个空的水平布局，我用三个子代动态填充。这是一个纸牌游戏，所以这个布局会动态地填充有图像集的QLabel子代。当我点击一张牌来玩它，并将它移到屏幕中央时，我希望其他牌的位置保持不变。取而代之的是，卡片倾向于向右“浮动”。我怎样才能强迫他们保持原来的位置呢？
+-----------------+
| |
| [A] - [B] - [C] |
| |
+-----------------+
我试着在每张卡之间放置一个可扩展的水平间隔，但它并不能真正工作。我还尝试用网格布局替换水平布局，但这迫使我指定卡片的初始坐标，我不希望这样
浏览 2提问于2012-10-19得票数 3
回答已采纳
3回答
我使用ApplePi-Baker将树莓PI系统从8GB的SD复制到了16 8GB的SD上。一切都很好，除了我在这个设置中丢失了8GB。因此，我将卡片弹出到一台运行Ubuntu的机器上，并试图用GParted更改分区。但是我肯定做错了什么，我不能调整分区/dev/sdb7 7的大小。GParted图像
所讨论的分区没有安装，而且有大量的自由空间。对这里发生了什么有什么想法吗？
浏览 0提问于2016-03-24得票数 1
回答已采纳
任务很简单，但找不到路。
在Power Bi报表中，我有3个不同的数据表包含服务数据。我们有3张卡片和一张桌子。所有卡片都显示服务的平均可用性。要求是，在单击卡片时，我应该在下面的表控件中显示表数据的其余部分。
提前谢谢你的帮助。
浏览 1提问于2018-04-21得票数 0
回答已采纳
2回答
我试图创建一堆卡片，叠加和相互抵消，以形象化多个版本的一张卡片。
我试过把卡片放进卡片里，但找不到办法来抵消它们。我也尝试使用堆栈类，但没有成功。
有人知道我怎样才能达到这个效果吗？
浏览 0提问于2018-07-05得票数 5
回答已采纳
1回答
我正在尝试在Vuetify中创建一个带有卡片的响应式网格。每张卡必须是相同的大小，但如果我在它下面添加一个长文本(第二张卡)，卡总是最大的大小(我也用breakpoints做了这一点，但Vuetify只有5个断点，我会更需要它。我可以为每一列添加一个自定义断点，但这是一个有点丑陋的解决方案)。 另外，最后一行必须向左对齐，如下图所示。我尝试了很多东西，但我想使用最小宽度和最大宽度，这样在大多数情况下，卡片之间的间隙将是相同的。它应该看起来像这样： ? 这是我的codepen。
浏览 22提问于2020-10-22得票数 2
回答已采纳
1回答
我有一个应用程序，它使用UITableView来布局一个卡片式用户界面，其中每个单元格都是一张卡片。这意味着每一张卡都有很多子视图和很多可以绘制到屏幕上的内容。使用表视图意味着如果用户添加了很多卡，我就不必管理缓存和内存了。
问题是，当用户将新卡滚动到屏幕上时，会出现明显的滞后，因为它在绘制新卡时跳过了一些帧。
我已经执行了优化，例如，我已经将绘图代码降到了一个很小的大小，所以方法不会被不必要地调用。我无法通过的是-视图需要绘制到主线程上的屏幕。所以我觉得我该怎么做才能不让它滞后。
浏览 3提问于2015-02-22得票数 0
回答已采纳
1回答
我可以用.It描述的方式纠正图像中的旋转卡片的透视图，并且工作正常，校正的结果突然出现。我想要平滑地这样做。我的意思是，我想要移动卡平滑地(不是突然)在我们前面移动，直到卡片是完整的screen.Excuse me，因为描述很差，但是在点击有趣的区域选择活动上的确认按钮后，在中可以看到类似的过程。
感谢您的关注。
浏览 0提问于2014-11-12得票数 3
回答已采纳
1回答
我在panel.Panel中有一个布局为‘grid.Panel’的卡片。如何通过调整窗口大小来调整网格大小？
cards = Ext.create('Ext.panel.Panel', {
renderTo: 'content',
height: 400,
activeItem: 0,
layout: 'card'
items: [{
浏览 2提问于2014-07-05得票数 1
7回答
我正在创建一个纸牌游戏。我有一个扑克牌的精灵形象。在精灵牌中，每张牌宽50便士，高80便士。
现在我有了一些div，我想把这些卡片放在那里。
假设Div宽100 the，高160 the。
我已经使用第一张图像作为雪碧在下面的Divs喜欢。
背景:url(../图像/扑克_sprite.gif)不重复滚动0 0透明；
我改变x和y的位置，以便不同的div得到不同的卡片。
，我使用什么CSS属性使背景图像适合Div ?，我不允许更改Sprite或Div的大小。
现在，我将拖动这些卡片，并将它们放到下面标记为1-13的一些插槽中。
所以卡片div会有可变的宽度。背景图像将需要调整大小以适
浏览 6提问于2013-08-29得票数 14
回答已采纳
1回答
我是颤音类的新手，谁能帮我设计这样的布局列表菜单呢？
ListView(填充: const EdgeInsets.all(0)，子：[卡: ListTile(
标题:文本(‘列表项目1’)，尾随:包装(间隔: 12，子元素:文本(“完整服务”)，图标(Icons.arrow_forward_ios_sharp，颜色: Colors.red，)，，)，卡片(ListTile: ListTile(标题:文本(“列表项目2"，样式: mainNavigation，) )，
]，shrinkWrap:真，)，
浏览 3提问于2022-06-30得票数 -1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
