gpt4 book ai didi

html - 如何使整个 div 成为 mailto 链接?

转载 作者:行者123 更新时间:2023-11-28 00:09:14 25 4
gpt4 key购买 nike

尝试为移动/PC 制作响应式网站,但不确定设计 mailto 链接的最佳方法是什么。

尝试了在 StackOverflow 上找到的答案,但无法用链接填充 div 区域,也就是使整个空间可点击。

{
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 1.8em;
color: #5D6063;
}

.page {
display: flex;
flex-wrap: wrap;
}

.section {
width: 100%;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
}

.contact {
background-color: #bdbdbd;
}

#contact a {
display: block;
height: 100%;
}
<body>
<div class='page'>
<div class='section contact'>
<a href="mailto:email@gmail.com?Subject=Website%20Contact" target="_blank">Contact Me</a>
</div>

我期待 #contact a {"来填充 ".contact div,但事实并非如此,而且我不知道如何制作整个 .contact div 一个链接,而不会搞砸响应式样式。

最佳答案

a 标签包裹 div 使整个 div block 充当链接。

 <a href="mailto:test@example.com?Subject=Website%20Contact" 
target="_blank">
<div class='section contact'>
Contact Me
</div>
</a>

关于html - 如何使整个 div 成为 mailto 链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55499968/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com