我正在使用Kendo UI Mobile framework，我有一個(gè)最小寬度為768px的CSS類分配給我的一個(gè)視圖，因?yàn)槲矣胁荒茉賶嚎s的表格數(shù)據(jù)。該視圖在iPad上顯示正確，但當(dāng)我在7 & quot安卓平板，視圖有水平滾動(dòng)。我需要視圖自動(dòng)縮小，使整個(gè)視圖可見。

我想不通為什么這不行。

這是我的標(biāo)題元標(biāo)簽: & ltmeta name = & quot視窗& quotcontent = & quot寬度=設(shè)備寬度，初始比例=1.0，最大比例=1.0，用戶可縮放=否；"/& gt；

以下是我的劍道UI視圖:

<div data-role="view" id="main">
    <div class="headerWrapper">
        <div class="mainHeaderStyleLeft">
            <img src="Images/logo.png">
        </div>
        <div class="mainHeaderStyleRight">
            <div class="mainMenuButton"><img src="Images/MenuBttnUnselected.png"></div>
            <div class="checklistMenuButton"><img src="Images/MenuBttnUnselected.png"></div>
            <div class="reportingMenuButton"><img src="Images/MenuBttnUnselected.png"></div>
            <div class="trainingMenuButton"><img src="Images/MenuBttnUnselected.png"></div>
        </div>
    </div>   
</div>

我認(rèn)為css很簡(jiǎn)單:

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

@Rob我之前也遇到過同樣的問題，下面是我禁用縮放的代碼。(它會(huì)移動(dòng)屏幕，使屏幕穩(wěn)定..) 要禁用縮放，有時(shí)user-scalable = no；或者用戶可伸縮= 0；在某些設(shè)備上不工作，要使它在所有設(shè)備上工作，請(qǐng)嘗試下面的代碼..

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width; initial-scale=0.9; maximum-scale=0.9; minimum-scale=0.9;" />

使初始-掃描=0.9和最大-縮放=0.9將使屏幕在小屏幕十分之一中保持穩(wěn)定。

在元標(biāo)記中添加id="main "

螺旋-轉(zhuǎn)角-螺旋模式