问题描述：
开发环境：混合开发（vue + cordova）
兼容机型：华为部分机
写法（栗子）：
<!--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;
}
需求： 一行显示导航标题，X轴超出部分可拖动
问题： 华为部分手机（我们是内部CRM，所以暂时只兼容自己公司内部部分手机），浮动效果没用，其他机型好用。
解决方案：用flex重新布局
内部原理：本人还真不知道，请大神指教
个人总结：手机端（用手机自带浏览器的时候），对于固有的思维需要更新下了，我个人认为float很稳定了，但是没想到，还有这样的事情发生，所以，我感觉固有知识的更新真的很有必要
问题描述：开发环境：混合开发（vue + cordova）兼容机型：华为部分机写法（栗子）： 需求： 一行显示导航...
不断使用，不断收获 技巧 1.手机端显示保留电脑端笔记格式手机端为了在显示笔记时兼容，如果你在电脑端的笔记只有1个...
css移动端的兼容性问题 （适配问题） 一、浮动问题简述：我们在平时切页面时,经常会出现用完浮动(float),忘...
1.在移动端不考虑ie的用display:flex布局，需要加兼容前缀（方便）2.用float加百分比布局，这样会...
PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，...
目前在使用vue做一个项目，项目需要兼容PC端和手机端，所以在开发的过程中，需要使用手机去访问我电脑上的vue项目...
移动端和PC端有什么区别 PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性、 CSS3的动画在移动...
ParentNode.children兼容性说明 element.children属性桌面端和手机端所有浏览器都是...
使用float 使用table 不用设置每个单元格的宽度，因为table-layout默认平分，对于float兼容...
本文标题：float在手机端的兼容
本文链接：https://www.haomeiwen.com/subject/bwvjjctx.html
网友评论