Chrome(Win)和Safari(OSX)在我的html中看起来不同
我在这里创建了一个html模型,出于某种原因,我的网站在safari上的外观与我希望它在chrome上的外观不同。在chrome上看起来是正确的,但在osx和手机上的safari上,它只是看起来有点不对劲,在随机空间中居中。我不知道如何使其他浏览器看起来像一个 你可以在chrome win和safari osx(chrome的第一张图片)中看到不同之处。我只是想让它看起来和chrome上的一样,但我无法找出我的代码有什么问题Chrome(Win)和Safari(OSX)在我的html中看起来不同,html,css,macos,google-chrome,safari,Html,Css,Macos,Google Chrome,Safari,我在这里创建了一个html模型,出于某种原因,我的网站在safari上的外观与我希望它在chrome上的外观不同。在chrome上看起来是正确的,但在osx和手机上的safari上,它只是看起来有点不对劲,在随机空间中居中。我不知道如何使其他浏览器看起来像一个 你可以在chrome win和safari osx(chrome的第一张图片)中看到不同之处。我只是想让它看起来和chrome上的一样,但我无法找出我的代码有什么问题 <div id="right-preview"><d
<div id="right-preview"><div id="background1"><div id="contentarea">
<h4 id="time">01:59 AM</h3><br/><h4 class="username">Enter a name..</h3><div id="conversation"><div class="gBoxTall">
<div class="right">
<p class="message"> Your mom and I are going to divorce next month.</p>
</div>
<div class="bottom">
<div class="right"></div>
</div>
</div><div class="wBoxTall">
<div class="right">
<p class="message"> Why ? Call me please.</p>
</div>
<div class="bottom">
<div class="right"></div>
</div>
</div><div class="gBoxTall">
<div class="right">
<p class="message"> I wrote Disney and this phone changed it.</p>
</div>
<div class="bottom">
<div class="right"></div>
</div>
</div></div>
</div></div>
您的
h4
标签用h3
标签关闭-这是无效的。根据您的CSS,该行可能是:
<h4 id="time">01:59 AM</h4><br/><h3 class="username">Enter a name..</h3><div id="conversation"><div class="gBoxTall">
01:59 AM
输入名称。。
哇,一切都好了。非常感谢你!这证明了我下次必须更加注意!
<h4 id="time">01:59 AM</h4><br/><h3 class="username">Enter a name..</h3><div id="conversation"><div class="gBoxTall">