------HTML代碼------<!DOCTYPE html><html> <head> <title>********* ******** | Jr Developer</title> <link rel="stylesheet" type="text/css" href="css/portfolioStyle.css"> </head> <body > <header id="nameAndContact"> <div class="container"> <h1>********* ********</h1> <table> <tr> <th></th> <td>Contact Information</td> </tr> <tr> <th>Email:</th> <td>mac************@*****.com</td> </tr> <tr> <th>Phone:</th> <td>***-***-****</td> </tr> </table> </div> </header> <section id="selfTitleAndDesc"> <div class="container"> <h1>Full Stack Developer and Designer</h1> <h2>I write functional and simple to understand code with a strong working knowledge of front and back-end services</h2> </div> </section> </body></html>--------結(jié)束 HTML 代碼----------------CSS代碼-------------.container{ width:80%; margin:auto; overflow:hidden;}#nameAndContact h1{ float:auto; width:70%; padding:0; text-align:center; font-family:"Arial Black", Gadget, sans-serif; font-size:40px; box-sizing: border-box;}#nameAndContact table{ table-layout:fixed; display:inline; float:right; width:30%; padding:0 30px; text-align:center; font-family:"Arial Black", Gadget, sans-serif; font-size:14px;}@media(max-width:700px){ #nameAndContact h1{ width:100%; float:none; } #nameAndContact table{ width:100%; float:none; }}--------CSS 代碼結(jié)束---------我遇到的問(wèn)題是，當(dāng)我調(diào)整瀏覽器中的窗口大小時(shí)，電子郵件和“聯(lián)系信息”一詞開(kāi)始在屏幕右側(cè)被切斷。我需要以某種方式將文本包裹在表格中嗎？我在 h1 和表格中使用的百分比是否存在問(wèn)題？也不確定我的表格沒(méi)有與我的 h1 顯示一致的原因。非常感謝任何幫助，我對(duì)網(wǎng)絡(luò)編碼相當(dāng)陌生，謝謝大家:)。
為什么我的表格在嘗試調(diào)整大小時(shí)會(huì)截?cái)辔谋?？另外，為什么桌子的頂部甚至沒(méi)有我的名字？
www說(shuō)
2023-10-24 17:02:36
