問題描述:
開發(fā)環(huán)境:混合開發(fā)(vue + cordova)
兼容機(jī)型:華為部分機(jī)
寫法(栗子):
<!--html-->
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
/*css*/
ul{
width:100%;
height: 30px;
overflow-x:scroll;
white-space: nowrap;
}
li{
float:left;
width:100px;
height:30px;
}
需求: 一行顯示導(dǎo)航標(biāo)題,X軸超出部分可拖動(dòng)
問題: 華為部分手機(jī)(我們是內(nèi)部CRM逗栽,所以暫時(shí)只兼容自己公司內(nèi)部部分手機(jī))宜鸯,浮動(dòng)效果沒用眷茁,其他機(jī)型好用枫夺。
解決方案:用flex重新布局
內(nèi)部原理:本人還真不知道鹦马,請(qǐng)大神指教
個(gè)人總結(jié):手機(jī)端(用手機(jī)自帶瀏覽器的時(shí)候),對(duì)于固有的思維需要更新下了过椎,我個(gè)人認(rèn)為float很穩(wěn)定了室梅,但是沒想到,還有這樣的事情發(fā)生潭流,所以竞惋,我感覺固有知識(shí)的更新真的很有必要