Question

在过去一小时里，我一直想弄清楚：

为什么我不能在HTML中编辑文本;
为什么h或b或sup标签对我不起作用;
如果我为h2设置了字体大小（使它们按预期工作），那么在重新缩放窗口大小时，该字体大小不会改变。为什么h标签的字体大小是静态的，如果我在css中制定一个规则，应该根据该公式重新缩放所有正文的字体大小（这不是我的）？

我是一个完整的菜鸟！我在那里写的是我从https://www.w3schools.com/和https://css-tricks.com/viewport-sized-typography/获得的内容。

#Buton1 {
    
    
        background-color: darkorange;
        color:white;
        text-aling: center;
        text-decoration: none;
        padding: 
    
    
}


#whole {
    font-family: sans-serif;
    color: white;
    background-color: black;
    
    
}


 body {
  font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="reset.css" type="text/css" rel="stylesheet">
        <link href="Style.css" type="text/css" rel="stylesheet">
        <title>PlantAnApp</title>
    </head>

    <body>
        <div id="whole">
            
        <div class="Module_1">
            <h2>Think an app.</h2>
            <h2><b>Plant an app</b></h2>
            <h2>Grow an app.</h2>
            <p><b>Are you up to the challenge of building your<br> own web-app</b> with mentor guidance between <br>July 1<sup>st</sup> and July 31<sup>st</sup></p>
            <button type="button" a href="" id="Buton1">READ ON</button>
            
        
        
        
        </div>
    
        <div class="Module_2">
            <h2>What is</h2>
            <h2>Plant an App?</h2>
            <div>Plant an App is a platform that <br>empowers you to build and customize<br> epic web apps, fast and with low/no<br> code requirements.</div>
            <br>
        </div>
    
        <div>
            <h2><b>What can you build ? </b></h2>
        </div>
         
        </div>
    </body>

</html>

Answer 1

为什么我不能在HTML中编辑文本

如果您在浏览器中指的是，只允许通过<input>，<textarea>或contenteditable DOM节点输入文本。（如果您希望文本输入在页面加载中保持不变，则需要将其存储在服务器数据库或用户的本地存储中，并在页面加载时再次检索;如果这是您的＆＃ 39;重新瞄准你可能想要遵循一个特定的教程，它可以在一个Q＆amp; A中真正得到回答。）

为什么h或b或sup标签不适合我;

他们在您的代码段中工作。我猜测他们在你的项目中没有工作的原因是因为你的CSS重置正在重置这些标签的所有默认样式。使用不那么过分热心的重置，或者记住在重置后重新设置要使用的标签。

为什么h标签的字体大小是静态的，如果我在css中制定一个应该重新缩放所有正文字体大小的规则

我不确定该规则是做什么的，但它似乎没有返回有效的大小，可能是因为单位和无单位值的混合;野生动物园至少只是忽略了这条规则。简化计算，并检查以确保它不会被样式重置覆盖。（如果您可以澄清您尝试获取的与浏览器窗口相关的字体大小，我们可以帮助您解决它。）

h，b和sup标签什么都不做+更多问题

1 个答案: