Блог

Главная - Вопросы по программированию - проблема с размещением позиции кнопки в нескольких браузерах

проблема с размещением позиции кнопки в нескольких браузерах

#html #css #zooming

#HTML #css #масштабирование

Вопрос:

Я работаю над этим сайтом — 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>
Метки: