时间戳

首页 > 解决方案 > 当我使用 firebase 部署时，网站的某些部分可以工作，但其他部分不能

html - 当我使用 firebase 部署时，网站的某些部分可以工作，但其他部分不能

问题描述

出于某种原因，如果您转到下面的页面，即使在我使用 Firebase 多次部署它之后，div 框也无法展开到足以容纳文本。我认为这是firebase的问题，因为当我在本地设备上打开文件时它是正常的。但是当我部署它有问题。

有人可以帮我找到解决方案吗？

这是HTML代码

<body background="img's/body.bg.jpg">
<header>
    <nav>
        <img src="img's/ae-emblem.png" width="100" height="100" style="margin-top: 30px; margin-left: 20px;">
        <img src="img's/imgbreaker.png" height="113" style="position: relative; top: 10px; bottom: 30px;">
        <img src="img's/adp_logo_en.png" width="272" height="109" style="margin-left: 20px;">
    </nav>


</header>

<main>
    <div class="emcons">
        <h3 class="title1">Emergency Contact Numbers:</h3>
        <div class="enums1">    
            <p>Police: 999</p>
            <p>Ambulance Service: 998</p>
            <p>Fire Department / Civil Defence: 997</p>
            <p>Electric Utility Service(For Electrical Failures): 991</p>
            <p>Water Utility Service(For Water Failures): 922</p>
        </div>
    </div>

</main>

这是CSS代码：

.txt1{
font-size: x-large;
color: yellow;
margin-left: 8px;

}

.txt2{
font-weight: bold;
font-size: large;


}

.emcons{
width: 610px;
height: 310px;
background: #D1342D;
position: relative;
top: 126px;
left: 476px;
bottom: 20px;
border: solid;
border-width: 4px;



}

.divm{
width: 410px;
height: 310px;
background: #D1342D;
position: relative;
top: 126px;
left: 519px;
border: solid;
border-width: 4px;

}

.title1{
color: yellow;
text-align: center;

}

.b1{
position: relative;
left: 112px;
top: 20px;
right: 5px;
background-color: yellow;
border: none;
font-size: 28px;
color: black;
padding: 10px;
width: 200px;
}

.enums1{
position: relative;
left: 20px;
color: yellow;
font-weight: bold;
font-size: x-large;

}

CSS 不仅适用于该页面

这是网站：https ://aegov-alrt29072021.web.app/emergencycontacts.html

标签： htmlcssfirebase

解决方案

推荐阅读