如何为网页创建响应式联系人部分？
要为网页创建响应式联系人部分，代码如下-
示例
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
* {
box-sizing: border-box;
}
input[type="text"], select, textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
font-size: 18px;
}
input[type="submit"] {
background-color: rgb(139, 76, 175);
color: white;
padding: 12px 20px;
border: none;
cursor: pointer;
font-size: 18px;
}
label {
font-weight: bold;
}
.contactImg {
width: 300px;
height: 300px;
}
input[type="submit"]:hover {
background-color: #45a049;
}
.contactForm {
margin: auto;
border-radius: 5px;
background-color: #d3d3d3;
padding: 10px;
max-width: 1000px;
}
.contactCol {
float: left;
width: 35%;
margin-top: 6px;
padding: 20px;
}
.contactSection:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 600px) {
.contactCol, input[type="submit"] {
width: 100%;
margin-top: 0;
}
}
</style>
</head>
<body>
<h1 style="text-align: center;">Responsive Contact Section Example</h1>
<div class="contactForm">
<div style="text-align:center">
<h2>Contact Us</h2>
</div>
<div class="contactSection">
<div class="contactCol">
<img class="contactImg" src="https://i.picsum.photos/id/8/400/400.jpg"/>
</div>
<div class="contactCol">
<form action="/action_page.php">
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name.."/>
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name.."/>
<label for="country">Email Id</label>
<label for="subject">Message</label>
<textarea id="subject" name="subject" placeholder="Leave your message" style="height:170px"></textarea>
<input type="submit" value="Submit" />
</form>
</div>
</div>
</div>
</body>
</html>
输出结果
上面的代码将产生以下输出-
-
高效管理客户、渠道商、合作伙伴，公司统一维护，员工离职不带走。结合钉钉强大的沟通和协同功能，全面记录业务往来，随时维系客户关系。关键是这一切，全都是免费的。 添加外部联系人 在手机上添加 在通讯录点击「外部联系人」 点击右上角「添加」 多种方式添加外部联系人 扫名片添加 在外部联系人页，点击右上角添加，选择「扫名片添加」 或在钉钉消息首页 点击「扫名片」 将摄像头对准名片，自动识别 批量在电脑端导
-
本文向大家介绍html5-canvas 创建响应式全页画布，包括了html5-canvas 创建响应式全页画布的使用技巧和注意事项，需要的朋友参考一下 示例 入门代码，用于创建和删除整页画布，该画布通过javascript响应调整大小事件。 如果您不再需要画布，可以通过调用将其删除 removeCanvas() jsfiddle上的此示例演示
-
问题内容： 我正在尝试创建一个行为似Bootstrap网格的Angular- Material卡网格。理想情况下，对于较小的屏幕宽度，卡将为全宽，并在较大的断点处跳至两列。 演示2张卡 问题是AM为每个卡创建了列。我还没有弄清楚如何为每个断点指定列数。 5张演示 这是我使用的标记的基础，该标记在第一个断点处将卡片布局从行到列： 在SO上已经有一个类似的问题，但是被接受的答案并不令人满意，因为它使用
-
提前感谢您的帮助！
-
获取实例 $config = [ 'corp_id' => 'xxxxxxxxxxxxxxxxx', 'secret' => 'xxxxxxxxxx', ... ]; $app = Factory::work($config); // 基础接口 $app->external_contact; // 「联系我」 $app->contact_way; // 消息管
-
问题内容： 我想在Android中分别阅读所有SIM卡联系人和电话联系人。我进行了搜索，发现很多人对此有疑问，但我找不到任何解决方案。我在这里喜欢一些答案，但这对我不起作用。当我测试它给我谷歌联系人： 但是当我测试时，它并没有给我SIM卡联系人： 然后我发现RawContacts是在此处由同步适配器创建的联系人。那可能是问题所在。有谁能告诉我 所有simcontacts 所有电话联络人 谢谢。 问