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

[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;
}


Подробнее здесь: https://stackoverflow.com/questions/159 ... kendo-ui-m