Css 移动浏览器正在显示768px+;在较小屏幕尺寸上(移动)

Css 移动浏览器正在显示768px+;在较小屏幕尺寸上(移动),css,google-chrome,firefox,webpack,twitter-bootstrap-4,Css,Google Chrome,Firefox,Webpack,Twitter Bootstrap 4,移动浏览器(chrome、ff、safari)在我的手机上显示平板电脑大小断点的站点样式?我正在使用一些自定义样式 在桌面上,当调整屏幕大小时,Chrome、FF和Safari中的一切都可以正常工作。但是,Chrome emulator和live(来自我的像素)是768px断点的渲染样式。这可以在这里看到:从手机浏览器 我已尝试调整sass部分导入顺序,将引导SCS从我的Web包包中完全删除,并连接到CDN。我仍然找不到解决这个问题的方法,以前从未遇到过 注意:我使用的是Bootstrap的响应

移动浏览器(chrome、ff、safari)在我的手机上显示平板电脑大小断点的站点样式?我正在使用一些自定义样式

在桌面上,当调整屏幕大小时,Chrome、FF和Safari中的一切都可以正常工作。但是,Chrome emulator和live(来自我的像素)是768px断点的渲染样式。这可以在这里看到:从手机浏览器

我已尝试调整sass部分导入顺序,将引导SCS从我的Web包包中完全删除,并连接到CDN。我仍然找不到解决这个问题的方法,以前从未遇到过

注意:我使用的是Bootstrap的响应实用程序和我自己的响应风格的组合

更新这是一个GoDaddy URL重定向/屏蔽问题

项目目录/结构可在中找到


树中第一服务

据我所知,在您链接到的网站()中没有类似于您代码中的元视口


这是一个GoDaddy URL重定向+屏蔽问题


在GoDaddy的社区中找到了答案。

我刚刚了解到,屏蔽GoDaddy重定向只加载站点桌面版本。它没有像预期的那样通过DNS重定向。
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<!-- Bootstrap v4 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Custom Styles & Overrides -->
<link rel="stylesheet" href="styles/custom.css">

<title>First In Tree Services</title>
</head>