- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
下面的代码是响应式的,可以调整大小等。但我正在寻找一些真正简单的 CSS 来在桌面和移动设备上调整大小。
我知道我可以使用标题链接 w3.css 中的 CSS,但必须有更好的方法才能在桌面和移动设备上轻松显示一些内容。
移动设备默认显示内联,但在桌面上显示为 3 行。
有没有比 w3 学校更简单的解决方案?
只是尝试做几行,然后在移动设备上调整为单行...
链接 rel 在标题中:
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<div class="w3-row">
<div class="w3-third w3-container w3-green" align=center>
<h2>w3-third</h2>
Stuff here too
</div>
<div class="w3-third w3-container w3-red">
<h2>w3-third</h2>
</div>
<div class="w3-third w3-container w3-blue">
<h2>w3-third</h2>
</div>
</div>
在 Ahmed 和 Raven 的帮助下,我来到了这里。但不居中。我还更改为 90% 以留出一些间距。
大部分情况下都有效,但不能以较大的宽度为中心。当宽度较小时会翻转到单行,这很好。我正在寻找这样的移动响应。简单的代码到目前为止,我可以轻松地操作。
CSS
@media only screen and (min-width:320px) and (max-width: 600px) {
.display {
width: 90%;
background: #f1f1f1;
padding: 10px;
border: solid 2px #998E67;
margin: 5px;
}
}
@media only screen and (min-width:600px) {
.display {
float: left;
width: 30%;
background: #f1f1f1;
padding: 10px;
border: solid 2px #998E67;
margin: 5px;
}
}
不确定我是否需要这个外部 div 对齐中心,似乎不起作用。
<div align=center style="border: 1px solid ##000">
<div class="display" align=center>
<img src="../../images/img.png" height="55" border="0">
<h2>This is first</h2>
</div>
<div class="display"">
<h2>This is second</h2>
</div>
<div class="display">
<h2>This is Third</h2>
<img src="../../images/image" height="55" border="0">
</div>
</div>
最佳答案
您可以使用媒体查询。然后你可以处理每个像素的样式
@media only screen and (min-width: 320px) and (max-width: 575px) {
//Use your styling here
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
//Use your styling here
}
关于css - HTML5 CSS : Rows and Resizing,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49420215/
首先我要说的是,我主要是一名 iOS 开发人员,最近才开始探索全栈开发的惊心动魄的冒险。我是 PHP 和 MySQL 的新手。话虽如此,我有一个问题,我希望需要一个直接的解决方案。 我正在为一个拥有预
我的表单上有 GridEx 对象并且... 我想用 for...next 循环在其中添加一些项目。实际上我找不到任何方法来添加带有自定义数据的新行。 我想在那个 GridEx 对象中选择一个特定的行。
我有以下数据框 df1 = DataFrame([['OBJ1', 10, 'BX', 'pool1', 'OBJ2'],['OBJ2', 0, '', '', 'OBJ1'],['OBJ3', 1
所以我有以下成员(member)历史表 User_ID | Start date | End Date | Type(0-7) | ---------------------------
我不擅长sql。我查看了 stackoverflow,但似乎对我没有任何用处。所以,我正在寻求帮助。是否可以根据行中的第一个字段将 2 行合并为 1 行。 我在 mysql 中执行此操作。我将展示示例
我了解 flex sm、md、lg 列的概念,但不了解应用于行的概念。弹性行有什么作用? sm、md、lg 尺寸应用于弹性行时意味着什么? 最佳答案 简答 - .row只是网格的容器 col .然而,
我遇到麻烦的地方 我相信我需要使用 COUNT;但是,我不知道如何将一行与同一列中的每一行进行比较,然后计算有多少行比相应行少/便宜。提前谢谢您! 这是我试图解决的官方问题: “使用示例架构,编写一条
我有以下 3 个相关表 Schools Departments Classes --------------- ------------------ --
我有代码: g, g_err = data[:, 4:6].T 我不知道[:, 4:6]的含义 尤其是第一个: .T 表示转置吗? 最佳答案 您有一个名为 data 的二维矩阵,您的代码从第一维获取所
我在行单击上附加了一个事件,在行内的复选框更改上附加了一个事件。 如何防止首先触发行单击? $(document).on('click', 'table tr', function() { con
我有一个场景,我需要连接两个 SQL 表并且正在为如何做而苦恼。假设在表 A 中我有这个: ColA ColB ColC ColD 45 55 17 45 45
我用谷歌表格记录我们俱乐部的出席率。该表格链接到另一个谷歌表格,因此可以自动创建一个名字列表,并按字母顺序排序。在这张表格中,我还根据我们所做的活动,在人的名字旁边手动输入点数。。问题是,由于姓名列表
这个问题在这里已经有了答案: What is a NullPointerException, and how do I fix it? (12 个回答) 5年前关闭。 编辑:我正在使用此代码读取 Ex
我是 R 的初学者。我希望你能帮助我解决我的问题。我的数据集中的文件名包含大量信息。我必须提取这些信息来创建单独的变量。 首先我使用 splits <- t(as.data.frame(strspli
假设我有一个 CSR 格式的矩阵,将一行(或多行)设置为零的最有效方法是什么? 下面的代码运行得很慢: A = A.tolil() A[indices, :] = 0 A = A.tocsr() 我不
我遇到了一个相当复杂的问题。我有一个包含三行的数据框:id、info 和 rownum。数据如下所示: id info row 1 a 1 1 b 2
我正在阅读learnjsdata.com并遇到了这种不熟悉的 JavaScript 语法。语法如下: lookupIndex[row[lookupKey]] = row; 有人知道这里发生了什么吗?我
我有一个表格,收集每周足球比赛的结果。 根据每场比赛的结果,我根据 ID 为玩家输入 3、1 或 0 分,具体取决于他们是赢、平还是输。 id Name A1 B1 C1 A2 B2
我有一个 mysql 表: 在表1中,我有3列:Bidang、Keahlian、Nilai。在 saran 列的表结果中,我想根据 bidang 组合 keahlian,但如果 nilai > 0,则
我有一个看起来像这样的表 | ID | item1 | item 2 | | 1 | A1 | B1 | | 2 | A2 |
我是一名优秀的程序员,十分优秀!