lundi 20 septembre 2021

Angular website not look responsive in mobile device after build and upload to server

I integrate custom HTML theme to my Angular app and it runs fine on localhost in both computer and mobile device , but when i build app and host on server its look fine on computer but not responsive on mobile device.

Below image is result of build enter image description here

And below is my head tag code

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<title>Chikery | HTML Template</title><link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:300i,400,400i,500,500i,600,600i,700&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/plugins/bootstrap4/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/plugins/owl-carousel/assets/owl.carousel.css">
<link rel="stylesheet" href="assets/plugins/slick/slick/slick.css">
<link rel="stylesheet" href="assets/plugins/lightGallery-master/dist/css/lightgallery.min.css">
<link rel="stylesheet" href="assets/plugins/jquery-bar-rating/dist/themes/fontawesome-stars.css">
<link rel="stylesheet" href="assets/plugins/jquery-ui/jquery-ui.min.css">
<link rel="stylesheet" href="assets/plugins/select2/dist/css/select2.min.css">
<link rel="stylesheet" href="assets/plugins/chikery-icon/style.css">
<link rel="stylesheet" href="assets/css/style.css">



Aucun commentaire:

Enregistrer un commentaire