Question

我正在此站点上工作-sheraspace。我想将我的聊天和电话按钮置于底部位置。但是该按钮在不同的浏览器中的工作方式有所不同。在某些情况下，它也超出了屏幕。我也想要它可以在放大和缩小期间进行相应的调整。如何在多个浏览器中保持一致。到目前为止，这是我尝试的聊天按钮：

    <div>
    <p
    style={{
    position:'absolute', top:'-13.5%', right:'15px', 
              backgroundColor:'transparent', color:'#fff'}}>
     <button onClick={() => this.handleClickOutside()} style={{

                                }}>
     <FontAwesomeIcon icon={faPhone} style={{color:'#fff' , 
             marginRight:'8px'}} />
      <span style={{fontSize:'11px'}}>Call us on</span><p style= 
          {{margin:'2px'}}>+880 1738174440</p>
         </button>
           </p>}

   <a style={{position:'absolute', top:'64px', left:'0'}} 
          href="javascript:void(Tawk_API.toggle())">
         <img style={{height:'73px'}} src={phone} /> </a>

     </div>

多个浏览器中的按钮位置放置问题

0 个答案: