Meta name="viewport" content="width=device-width" Не работает с Kendo UI Mobile ⇐ Html

[Anonymous]

Я использую платформу Kendo UI Mobile, и у меня есть класс CSS с минимальной шириной: 768 пикселей, назначенный одному из моих представлений, поскольку у меня есть табличные данные, которые больше нельзя сжимать. Представление отображается правильно на iPad, но когда я смотрю на него на 7-дюймовом планшете Android, оно имеет горизонтальную прокрутку. Мне нужно, чтобы представление автоматически уменьшалось, чтобы было видно все представление.
Я не могу понять, почему это не сработает.
Вот мой метатег заголовка:


Вот мой вид пользовательского интерфейса кендо:















А мой взгляд на CSS прост:

#main {
min-width: 768px;
}
.mainMenuButton {

margin-left: 230px;
float: left;
}
.mainMenuButton img{
width: 100px;
height: 100px;
margin-top: 15px;
}
.checklistMenuButton {
margin-left: 10px;
float: left;
}
.checklistMenuButton img{
width: 100px;
height: 100px;
margin-top: 15px;
}
.reportingMenuButton {
margin-left: 10px;
float: left;
}
.reportingMenuButton img{
width: 100px;
height: 100px;
margin-top: 15px;
}
.trainingMenuButton {
margin-left: 10px;
float: left;
}
.trainingMenuButton img{
width: 100px;
height: 100px;
margin-top: 15px;
}