带有卡片的HTML div响应式设计
是一种常用的前端开发技术，用于创建具有卡片式布局的网页设计。它通过使用HTML的div元素和CSS样式来实现。
卡片式布局是一种将内容组织成卡片形式的设计风格，每个卡片通常包含一些相关的信息或功能。这种设计风格在移动设备上特别受欢迎，因为它可以提供更好的可读性和用户体验。
优势：
- 响应式设计：带有卡片的HTML div响应式设计可以根据不同的屏幕尺寸和设备自动调整布局，确保在各种设备上都能提供良好的用户体验。
- 可扩展性：卡片式布局可以轻松添加、删除或重新排列卡片，使网页设计更具灵活性和可扩展性。
- 可视化效果：卡片通常具有边框、阴影、背景颜色等样式，可以提供更好的可视化效果，吸引用户的注意力。
应用场景：
- 社交媒体：卡片式布局常用于社交媒体平台的动态流或用户个人资料页面，以展示用户发布的内容或个人信息。
- 电子商务：卡片式布局适用于电子商务网站的产品展示页面，每个卡片可以显示一个产品的图片、名称、价格等信息。
- 新闻网站：卡片式布局可以用于新闻网站的文章列表页面，每个卡片代表一篇文章，显示标题、摘要和缩略图等信息。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
2回答
关于响应式网页设计，有人能给我推荐一个好的教程/指南吗？
我对基础知识相当熟悉，但这里是我特别寻找的:我见过响应式的网页，它们不会随着浏览器窗口的大小而“流畅地”调整自己(这种响应式设计我足够熟悉，可以很容易地设置)。相反，他们所做的是保持其原始(也就是最大的)布局，直到浏览器窗口达到某个较小的尺寸，然后页面捕捉到一个不同的布局，完美地适应浏览器窗口的较小尺寸。此更改不仅包括布局，还包括可见项的数量，以及激活其他UI元素以使在较小窗口中的导航更容易。
想象一下在窗口里一张接一张地打牌的情景。让我们假设当窗口处于全屏模式时，5张卡彼此相邻。现在假设窗口的大小减小了。布局保持不变，直到第一张和最后
浏览 0提问于2012-06-15得票数 2
我是一名PHP开发人员，正在为ajax响应寻找类似foreach循环的东西
我有一个用html设计的卡片，我希望ajax请求的响应在ajax响应中为每个对象创建一个新的卡片
这是我的far代码
ajax：
$.ajax({
type:"GET",
url:"http//url_to_api.com/projects/v1" ,
dataType: "json",
success:function(mdata){
var result = '&
浏览 15提问于2016-09-27得票数 0
我正在开发一个响应式模板。我有一些带有图片的页面，我希望它们看起来像这样：
我想不出一个css的方式来实现它，所以我尝试jquery，尽管我不是最好的jquery程序员……
这就是我最终得到的: html
<html>
<body>
<div class="text" >
<p>some text</p>
<div>
<div class="image" >
<img c
浏览 0提问于2013-04-08得票数 0
你好，我正在尝试调整卡在用户界面使用角度-挠曲。卡片的宽度是根据它中的文本长度来响应的。但是我希望每一张卡片都是相同的宽度，不管里面的内容如何。
如果我使用的是max-width，那就是在移动响应中影响卡。在响应视图中，所有的卡都是相同的大小和宽度。
如果我使用的是display:grid;，那么卡片是完美的。但是我需要使用flex进行响应，所以我使用了display:flex;
这是用户界面：-
HTML :-
<div class="container">
<div class="cont">
<app-o
浏览 0提问于2020-02-27得票数 0
回答已采纳
1回答
我使用数据数据在花哨的卡片布局中显示JSON数据。我使用DT的render方法来编写卡片的HTML代码：
"render": function ( data, type, row, meta ) {
var formattedHTMLRow = "<div title = '" + row.title + "'>"+ row.service_name + "<p>" + row.category_name + "</p>" + "</div
浏览 3提问于2015-10-20得票数 1
我用卡片在角度2材料网格列表中遇到问题。
我想在网格列表中显示卡片，但它没有响应
Here is the code:
<md-grid-list cols="4">
<md-grid-tile *ngFor="let card of cards">
<md-card>
<img md-card-image src="{{card.image}}">
<md-card-content>
{{card.content}}
&l
浏览 1提问于2017-02-17得票数 4
1回答
响应式设计:背景图像按钮
、、、
我对我必须创建的响应式站点感到非常沮丧。我想知道我的按钮有一个背景图像(在悬停时会改变)。我真的想让它们作为css背景图像，而不是使用img html标签。我将此CSS用于我的一个按钮：
a.projects
{
background-image: url('css-images/projects.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}
我的HTML
<!DOCTYPE HTML>
&
浏览 4提问于2013-10-15得票数 0
我需要使用JavaScript创建一个响应式的React应用程序，该应用程序将在页面上显示卡片列表，如下图所示。我还是个新手，不太确定从哪里开始布局。目前，我已经为我认为需要添加的应用程序的每个部分创建了一些可重用的组件。这些是将容纳所有其他组件的主容器、工具栏、侧边栏、将容纳位于中心的卡片的主卡片容器以及页脚。我甚至不确定我是否需要主容器组件，也许我可以只使用div来容纳所有其他组件？有什么建议吗？如果需要，我可以澄清并提供更多细节。谢谢你。 📷
浏览 56提问于2021-02-28得票数 1
回答已采纳
一旦从Ajax事件获得响应文本，我将通过jQuery .html()方法更改div内容。
有时，我会得到更多的响应数据(包含html和脚本，以及大约4MB的数据)。使用jQuery .html()方法将响应数据设置为div内容确实需要更多时间。
谁能告诉我原因吗？有什么解决办法或替代办法吗？
浏览 1提问于2013-03-08得票数 4
1回答
基本上，我们在HTML中有所谓的响应式设计，但通过我们的网页提供的部分真实内容是用Dreamweaver制作的，这些内容来自一个非常大的数据库，其中有产品描述。因此，它的html是这样的：
<div style="width: 950px; float: left;">
<div style="width: 20px; float: left;"> </div>
<div style="width: 910px; float: left; color: #37444D; padding-top:
浏览 5提问于2014-03-10得票数 0
我有HTML的这一部分：
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="card">
<div class="card-body">
<h4 class="card-title">{title}</
浏览 0提问于2020-02-29得票数 0
在我的投资组合中，我把我的项目介绍为翻盖卡。最初，项目数据是在我的index.html中硬编码的，卡片在大屏幕上悬停，点击小屏幕。
我决定将所有硬编码的数据移动到我的script.js中的一个对象中，以便动态地为该对象中的每个项目创建一个翻转卡。这里没问题。(旁边，我还添加了一个加载背景动画到卡片上，这样这些卡只在几秒钟后才显示它们的内容。这里也没有问题。)
但是，既然我用JS创建了DOM的翻转卡，附加在卡片上的事件侦听器就不再像以前那样工作了。将卡片记录到控制台确实会显示所有创建的div的完整节点列表，但是在较小的屏幕上单击卡片时不会发生任何事情。
我觉得这是个范围问题，但我不确定。我尝试过
浏览 1提问于2021-11-28得票数 0
回答已采纳
1回答
我正在尝试复制一个带有Dart/Flutter的Android应用程序，我已经有了一个用PHP和Laravel编写的网页版本。它有多个sequentials屏幕，具有相同的组件，如appbar、浮动按钮和一个显示每个屏幕内容的卡片。使用刀片式服务器模板，是否可以执行以下操作： <div class="card">
@yeld('card_content')
</div> 并在其他视图中使用它： @section('card_content')
<div class="table"&g
浏览 16提问于2019-12-19得票数 0
在我的html视图页面中，我有下面的div，它有一个响应性的隐藏-xs引导类。这个类在小型移动设备上查看时隐藏内容。
<div class="col-md-4 col-sm-4 hidden-xs">
@Html.Partial("_partialView")
</div>
但是查看html源代码，我仍然看到HTML正在加载。如何使用"Mobile“方法，并且仅当其适用于我的视图端口时才加载部分视图/ html？如果没有这一点，我就会对移动下载速度造成压力。
谢谢你的建议。
浏览 0提问于2014-02-05得票数 1
回答已采纳
3回答
下面是我的HTML代码片段：
<mat-card-content>
<div fxLayout="row" fxFlex="1 0 0">
<div fxLayout="column">First</div>
<div fxLayout="column" style="margin-left:auto">Second</div>
</div>
</mat-card-content
浏览 0提问于2019-02-09得票数 6
回答已采纳
我目前正在使用react-bootstrap来迭代数组以显示卡片。我希望这些卡能在不同的屏幕尺寸上响应。被映射的数组。 <div>
{filteredProductsList.map((product) => {
return (
<Col key={product._id}>
<ProductCard product={product} />
</Col>
);
})}
</div> 下面是ProductCard组件 <Card className=
浏览 19提问于2021-08-15得票数 1
回答已采纳
2回答
我有一种情况，我有几个带有绝对位置的div(为了3d翻转效果)。因此，父div的高度非常小，并且绝对内容溢出在较低内容的顶部。由于响应原因，不能真正设置固定的高度。
我计划给孩子div的相对位置，然后在jquery的帮助下收集高度，并根据它设置高度。但是对于响应式来说，确实有很多元素和变量。有没有其他更优雅的方法让孩子适合父母呢？
html
<div class="parent">
<div class="title">Title</div>
<div class="absolute">
浏览 0提问于2014-10-06得票数 0
2回答
我将卡片(一些数据)从控制器发送到小枝，并用3个元素创建行。
{% for elem in Cards|batch(3) %}
<div>
<div class="row">
{% include ':appviews/elements/Card:Card.html.twig' with {'elem': elem} %}
</div>
</div>
{% endfor %}
它工作得很好，但现在我需要添加带有静态html (而不是来自
浏览 0提问于2016-06-21得票数 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
回答已采纳
1回答
我从一个API那里得到了一个响应，在那里我可以得到标题。如果标题的长度超过一定数量的字符，则显示标题的卡片的高度会增加，导致卡片比同一行中的兄弟卡片大。我想找到一种方法来修剪标题并添加“...”在标题的末尾，这样标题只占一行，并且所有卡片的大小都相同。 如果标题长度小于23，我可以显示标题，但我不确定如何设置较长标题的格式，使其为22个字符，并带有“...”在结尾处添加。 这就是我到目前为止所知道的： <div *ngIf="game.title.length < 23; Dont know what to put here">
<h5
浏览 23提问于2020-12-16得票数 0
我有一个响应式的网页，利用布局的基线网格。用于调整字体大小的单位是带有px回退的rem。
当涉及到定义边距、填充、宽度和高度时，我应该使用什么单位？当然，使用px真的很诱人，但这是一个糟糕的做法吗？当用户放大时会发生什么？
我也读到过百分比值是响应式设计的方法，但在切换到另一个测量单位时，使用rem网格真的很难。
此外，我看了一些由专业人士制作的著名响应式网站的HTML/CSS，甚至他们使用了一些px值，这真的让我很恼火。
浏览 2提问于2013-01-24得票数 2
我无法在angular中生成带有信息的卡片 我的模型： export class order {
Name!: string
Surname!: string
Email!: string
Type!: string
Description!: string
constructor(name: string, surname: string, email: string, type: string, desc: string) {
this.Name = name,
this.Surname = sur
浏览 46提问于2021-01-19得票数 1
回答已采纳
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
我试图做一个匹配的纸牌游戏，并试图‘洗牌’我的牌。现在我把一切都安排好了：
卡片的数据是对象
var idea = {
id: 1,
english: 'idea',
pinyin: 'zhǔyì',
hanyu: '主意'
}
“牌”是一个包含所有卡片的数组。
var vocabArray = [idea, getOn, need, getOff, beautiful, scenery, sameAlike, because, help, play];
这就是卡如何进入我的HTML。
var cardIndexN
浏览 0提问于2014-09-07得票数 0
回答已采纳
2回答
图像不停留在父分区内
、、、
我正试着做一些回应卡。我把卡片填好了，放好了。在卡片的正面，我希望在卡片的顶部有一个图像，在中间有一个标题。除了图像的右侧，标题很好，图像也很好。下面是图像的CSS代码(图像在HTML页面中的img标记中，带有一类" image ")：
div .image {
padding: 5%;
height: 45%;
width: 100%;
}
由于某种原因，右边是忽略了卡母div的填充和突出。知道为什么吗？
浏览 10提问于2022-01-27得票数 -2
2回答
我正在尝试创建一个片段来表示带有自定义内容的卡片。我想做这样的事情：
<div class="card" th:fragment="myfragment" th:utext="${content}">
</div>
然后使用作为
<th:block th:replace="myfragment">
<p>Some custom content that would be the value of 'content'</p>
</th:block
浏览 1提问于2020-09-12得票数 1
回答已采纳
所以基本上在用Django和bootstrap 4.4做一个简单的网站时，我想到了这个问题。我使用“卡片”以网格格式添加图书图像，就像在书店web应用程序中一样。但这些卡片的尺寸并不相等。如何在bootstrap 4.4中对齐卡片图像，使所有卡片具有相同的宽度和高度，同时保持对窗口大小更改的响应。
我的问题如下图所示。如你所见，卡片的大小并不相同，当我添加不同的图像时，它的大小也会改变。
html
<div class="container">
<div class="row">
{% for b
浏览 4提问于2020-03-24得票数 0
我正在使用webkit变换创建翻牌效果。我在一个部分中让它按我喜欢的方式工作，其中我有一个DIV，它绕着它的中心轴旋转，给人一种翻转卡片的感觉。
现在，我想在页面过渡中添加同样的效果。我使用的是相同的CSS和HTML结构，但在这种情况下，我得不到围绕中心轴旋转的效果。
相反，变换看起来像是沿着锚定在对象左侧的y轴旋转，而不是沿着对象的中心旋转(因此，它看起来像是门打开，而不是翻转卡片)。
我一直在通读规范，但找不到哪个属性控制旋转轴的位置。我需要添加或更改什么才能使翻转起作用？
html结构：
<div id="frontbackwrapper">
<
浏览 1提问于2011-07-01得票数 0
我做了一个小的Google Home应用程序，我的服务返回一个带有SimpleMessage +卡的响应。
当在console.actions.google.com模拟器中运行应用程序时，它可以完美地工作。我得到的卡片都是好的。
但当我测试与谷歌主页的对话时，它只发送文本，没有任何卡片的踪迹。
然而，如果我与手机上的谷歌主页应用程序交谈，它确实正确地发送了卡片。
有没有什么东西可以用来接收Google Home发送的卡片？这是完全可能的吗？
浏览 5提问于2018-01-24得票数 4
1回答
更新以包含基本的Fiddle：
假设我有一组div，它使用的是重复模式，而不是无序列表，它遵循以下结构：
<div class="one cards">
<div class="random_cms-class"><div class="card">...</div></div>
<div class="random_cms-class"><div class="card">...</div></d
浏览 5提问于2015-02-18得票数 0
回答已采纳
我正在使用Bootstrap 4和带有图像覆盖的卡片来将一些文本放在图像上。文本显示在图像的顶部，而我希望它位于底部。
这是卡片的html代码：
<div class="card-deck">
{% for article in article_list|slice:":3" %}
<div class="card card-inverse align-self-center">
<div class="card-header text-center"&g
浏览 2提问于2017-08-23得票数 5
2回答
引导5卡头未填充全宽度
、、、
我使用的是表内卡(@5.0.2)。
这张表看起来很宽，但是当它被压缩时，卡片头不会调整大小来填充整个宽度。
这是HTML。
<div class="card table-responsive">
<div class="card-header">
<i class="fas fa-table me-1"></i>
DataTable Example
</div>
<div cla
浏览 4提问于2021-07-10得票数 0
回答已采纳
换句话说:在HTML5中，viewport元素的用途是什么？
因为使用媒体查询可以根据设备的屏幕尺寸应用适当的CSS样式。为什么我们需要带有"width=device-width“这部分的viewport元素。
我正在浏览这个w3学校教程()。
它给出了一个没有viewport meta标签的网页的例子，以及一个带有viewport meta标签的网页。这是如何工作的？
本教程介绍了meta viewport元素将页面宽度设置为设备的宽度。这项工作如何限制页面不能水平滚动和向下滚动？
我认为以上的影响是由于媒体的质疑。为什么响应式设计需要viewport元素的width属性？
浏览 0提问于2016-02-20得票数 1
1回答
我正在尝试使用翻转卡片动画()响应，但它不工作...卡片背面宽度为100%。如果我强制它为33.333%，行就会变得一团糟。
请帮帮我!
$(function(){
$("#card").flip({
trigger: 'hover'
});
});
.albumbox img {
height: 450px;
object-fit: cover;
}
.albumbox {
height: 450px;
}
#card {
margin: 0 auto;
height: 450px;
width: auto
浏览 0提问于2016-05-11得票数 0
3回答
CSS响应卡
、、
假设我有100张卡片，如下所示： <div class = "card">CARD</div> // this line is repeated 100 times
.card {
background-color: blue;
float: left;
width: 150px;
height: 75px;
margin: 10px;
} 在这种情况下，布局是响应式的。您可以在这里看到示例：https://www.w3schools.com/css/tryit.asp?filename=trycss_float_elements
浏览 30提问于2019-09-12得票数 2
回答已采纳
1回答
我有一个html页面，其中我有一个文本框(键入您的文本)和TextArea列表。我需要在textbox中输入内容，然后单击Add按钮，这样textbox中的所有内容都会进入我的TextArea列表。我需要在文本框中键入以下格式。
Name=Value
用户将使用此文本框将名称值对快速添加到该文本框正下方的列表中。假设我们在上面的文本框中输入Hello=World并单击add，那么在下面的列表中，它应该显示为
Hello=World
如果我们再次在相同的文本框中输入ABC=PQR，那么在下面的列表中，它应该像这样显示，这意味着它应该一直在其原始条目的正下方添加新的名称值对。
Hello=Worl
浏览 1提问于2015-09-07得票数 1
1回答
我尝试使用带有% values的marginBottom来解决这个问题。我的图形容器大小也是用%表示的。
它不起作用，我的页面也没有响应。帮我解决这个问题。
提前谢谢。
浏览 1提问于2012-07-31得票数 1
3回答
悬停，向上移动div卡，但平稳。
、、、、
所以我有一个div，它是一个卡片和内容。我实现了使其向上移动，但转换属性似乎不起作用。
这是HTML代码
<div class="card">
<p> Title </p>
</div>
这是CSS代码
.card:hover {
position: relative;
top: -10px;
transition: 1s;
}
因此，基本上有多张卡片，它运行良好，当鼠标在上面移动时，带有.card类的每一张卡都会向上移动，但是它会瞬间移动，转换不起作用。有人知道怎么修吗？祝你今天愉快
浏览 2提问于2022-08-30得票数 1
我正在为一个项目使用带有bootstrap的Laravel，似乎遇到了响应问题。我有包含有关帖子的数据的卡片，这些卡片中嵌套了行。我希望这些卡片在桌面和移动设备上看起来都是一样的，但是Bootstrap总是打破我的习惯。
在台式机上，卡片看起来像我想要的那样：
但在移动设备上，它们看起来像这样：
我尝试过使用container-fixed、container-fluid以及col-xs-来代替col-md-。
这是我的代码：
<div class="card card-sm">
<div class="card-body
浏览 0提问于2018-11-23得票数 0
1回答
我对Ionic并不陌生，但不幸的是我不知道为什么会发生这种事。
我试图在一个新创建的项目上创建一个简单的卡片列表，但它们似乎不起作用。我试着把图标和卡片分开使用，这似乎也行不通。
正如我所说的，我已经创建了一个全新的项目，具有标准的“居家-大约-等等”模板，并在home.html文件中用一个带有卡片的div替换了HTML。以下是代码：
<ion-header>
<ion-navbar>
<ion-title>Home</ion-title>
</ion-navbar>
</ion-header>
<
浏览 1提问于2017-02-03得票数 0
1回答
我有一个超文本标记语言/CSS代码，您可以在这个中看到它
<div id="geral">
<div id="topo">
</div>
<div id="meioPage">
<div id="Menu_B">
</div>
<div id="Feed">
</div>
<div id="Menu_C">
</div>
</div>
</d
浏览 0提问于2015-02-10得票数 0
2回答
动态调整页面大小
、、、
我一直在想如何让网页更加流畅和100%的响应性。因此，我决定在我的站点代码中添加以下jQuery pixie dust。
$(window).resize(function(){
$("div.content").css({
minHeight : $(window).height() * 0.75
});
});
// just to make sure it happens
$(function(){
$(window).trigger("resize");
});
这是个好主意吗？这里需要一
浏览 0提问于2012-07-21得票数 0
回答已采纳
请帮帮我！我已经在我的文件中放置了一些布局，包裹在这个网格中...
<div class"col-auto col-sm-10 col-md-7 col-lg-7> </div>
网格在576px之前一直是响应性的，低于这个宽度它就不响应了。网格有:宽度设置为50%的卡片，宽度设置为25%的图像，卡片正文中的一些段落和卡片页脚中的文本
浏览 13提问于2021-05-18得票数 0
回答已采纳
好吧，我一直在做一个私人使用的小网站。然而，到目前为止，这一页面上的所有div都表现得很好。与这些特定的div“卡片”相关的唯一CSS如下：
#card1, #card2,
#card3, #card4,
#card5, #card6 {
text-align: center;
background-color: #1d1d1d;
margin: 10px 5px 10px 5px;
width: 826px; -- i adjust this based on how much of the page these need to cover
float: left;
浏览 0提问于2018-04-30得票数 0
2回答
我在建立一个基于卡片的布局。它从5-4-3-2-1项目每行响应。页面的响应是适当的，但是我对每一张卡片的页边都有困难。
如果我创造利润率: 1px；在元素之间创造空间，它会创造巨大的差距，而不是小的空白。在当前状态下，边距仅在1和3项视图上正确.其他所有的公司都共同经营利润率。我一直在做实验，只要加上保证金，就会产生过大的差距。
小费？有什么建议吗？有致命的缺陷吗？
谢谢!
代码：
每张卡的HTML：
<div class="item">
<div class="cardheading">
<h1>Alabama
浏览 5提问于2016-06-06得票数 0
回答已采纳
2回答
引导卡垂直对齐，响应不快
、、、
我有两个引导卡在彼此之上，但他们没有反应在高度。当我把它们放在一个父div中并给这个div一个固定的高度时，带有表内的下一张卡片就会超过这个高度。为了更清楚地说明这一点，我在这里复制了这个问题：
我想要实现的是2响应垂直对齐卡安装在父-div，但似乎找不到正确的解决方案，没有硬编码的计算(我不想)。
浏览 8提问于2020-10-26得票数 0
回答已采纳
2回答
我正在开发一个应用程序来测试HTML页面是否有响应。现在，我假设使用媒体查询是使HTML页面响应的唯一方法。但我正在使用一个非常粗糙的逻辑来测试它。我正在解析HTML文件并读取它，以确定是否存在媒体查询语句。如果它存在，我就声明它是响应性的，否则就是非响应性的。有没有别的办法可以让我这样做呢？在声明它为响应性或非响应性之前，我还可以执行其他测试吗？
浏览 0提问于2016-11-01得票数 0
2回答
我想知道iOS谷歌应用程序背后的技术决策。
正如我们所看到的，在应用程序的Google Now功能中，它为不同的场景呈现了许多不同的卡片模板，这些模板似乎非常灵活地基于服务器输入。
我想知道这是不是完全基于HTML5实现的？或者他们只是内置了许多模板，并在本地渲染它们？我会投票给HTML5路线，但不确定这是否仍然涉及一些本机代码，以使其更具响应性？
谢谢!
浏览 11提问于2014-09-25得票数 4
4回答
我试图获得一个带有%的响应表，而不是硬编码的像素值，但当我调整窗口大小时，我想要放置图像的列变得非常小。
HTML：
<TABLE BORDER=1 style="width: 90%; margin: 5%;">
<TR>
<TD width="70%">
<h4>ABOUT US</h4>
<p spellcheck="false" style="padding: 15px;">con
浏览 0提问于2013-04-28得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
