Question

Web开发。诺布在这里！在Chrome中，当我缩小此page时，文字会嘎嘎作响。但是当我使用Safari时它不会发生。我假设这是一个CSS问题和/或我将其输入HTML的方式。我把它放在jsfiddle here上。

.second {
font-family: helvetica neue, arial, sans-serif;
font-size: 30px;
font-weight: lighter;
line-height: 5px;
position: relative;
top: 5px;
width: 500px;
margin-left: -330px;

}

.third {
font-family: helvetica neue, arial, sans-serif;
font-size: 40px;
font-weight: lighter;
line-height: 0px;
position: relative;
top: 5px;
margin-bottom: 70px;
width: 500px;
margin-left: -330px;
}

.fourth {
font-family: helvetica neue, arial, sans-serif;
font-size: 20px;
font-weight: lighter;
line-height: 0px;
position: relative;
top: 30px;
width: 500px;
margin-left: -335px;
background-color: white;


<p class="second"><b>Barter</b> a textbook <b>you have</b></p>
<p class="second">for a textbook <b>you want</b></p>
<p class="second">with a fellow <b>Aggie</b> on campus,</p>
<p class="third"><b><i>now</i></b>.</p>

Answer 1

margin-left: -330px;

因为你正在使用负边距，这就是它隐藏在屏幕中的原因

并且您的链接在我的Chrome中工作正常

为什么我的网页上的文字在缩小时不会保留在原位？

1 个答案: