定宽适配所有移动设备demo

最新推荐文章于 2022-01-25 10:49:49 发布

哒哒哒二胡

最新推荐文章于 2022-01-25 10:49:49 发布

阅读量276

点赞数

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=320,user-scalable=no" />  //核心代码  这个方案有个缺点 在高密度的手机上不清晰
    <style type="text/css"> 
        ul li { width: 100px; border: 1px solid red; box-sizing: border-box; float: left; list-style: none; } 
        *{ margin: 0; padding: 0; } 
    </style> 
</head> 
<body> 
<div class="mainbox"> 
    <ul> 
        <li>1</li> 
        <li>2</li> 
        <li>3</li> 
    </ul> 
</div> 
</body> 
</html>