即使我使用元视口,网站视图也很小

时间:2017-06-20 21:11:30

标签: html css angularjs twitter-bootstrap mobile

我们正在建立一个网站,当我们在我们的本地服务器(我们的私人wifi 10.0.0.whatever)上运行时,它工作正常。 现在我们在线上传了网站,当我们在移动设备上打开网站时,规模就是PC规模。

我们已经在使用标签:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

我们不明白这个问题是什么......该网站是有回应的。 有什么想法吗?

该网站在AngularJS中使用并使用bootstrap库。

来自W3schools的图片供参考.... enter image description here

这是我头脑的开始:

<!doctype html>
<html lang="en" dir="rtl" ng-app="siteNameApp" style="padding-bottom: 80px;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>siteName</title>
    <script src="lib/angular/angular.min.js"></script>

1 个答案:

答案 0 :(得分:0)

即使@Ajay说的是正确的答案,在我的情况下,网站视图也是错误的,因为Go-daddy域名使用自己的HTML标头扭曲了我们的网站。 确保网站标题是您自己的,而不是其他人。

正如Ajay所说,元div应位于索引标题

 <meta name="viewport" content="width=device-width">