当屏幕缩小的时候，第二个input输入框为什么会移到下一行，如何让他在一行显示，自动弹出滚动条？
如何让他在一行显示，自动弹出滚动条？
2.如何让他自动伸缩，不弹出滚动条？
<div class="center">
<label>门店名称</label>
<input type="text" name="">
<label>门店地址</label>
<input type="text" name="">
</div>
红糖糍粑浏览 921回答 1
1回答
-
叮当猫咪
第一个问题：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>问题</title> <style> @media only screen and (min-width: 100px) and (max-width: 550px) { .center { width: 500%; } } </style></head><body> <div class="center"> <label>门店名称</label> <input type="text" name=""> <label>门店地址</label> <input type="text" name=""> </div></body></html>第二个问题：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>问题</title> <style> input { margin-right: 30px; } @media only screen and (min-width: 510px) and (max-width: 550px) { input { width: 140px; } } @media only screen and (min-width: 488px) and (max-width: 510px) { input { width: 130px; } } @media only screen and (min-width: 448px) and (max-width: 488px) { input { width: 110px; } } @media only screen and (min-width: 408px) and (max-width: 448px) { input { width: 90px; } } @media only screen and (min-width: 388px) and (max-width: 408px) { input { width: 80px; } } @media only screen and (min-width: 100px) and (max-width: 388px) { input { display: block; } } </style></head><body> <div class="center"> <label>门店名称</label> <input type="text" name=""> <label>门店地址</label> <input type="text" name=""> </div></body></html>
随时随地看视频慕课网APP
相关分类
JavaScript