簡體   English   中英

縮小時,div會移動。 數字不均時如何使用百分比?

[英]Divs move when zooming out. How do i use percentages when I have uneven number?

我試圖創建一個菜單欄,但是以某種方式,當縮小時,我的最后一個按鈕總是不在菜單中。 但是它不會停留在那里。 有人有主意嗎?

<div id="tip"></div>
<div id="top">
<div id="menu">
    <div class="menuButton"></div>
    <div class="menuButton"></div>
    <div class="menuButton"></div>
    <div class="menuButton"></div>
    <div class="menuButton"></div>
    <div class="menuButton"></div>
    <div class="menuButton2"></div>
</div>
 </div>
 </body>
 </html>

HTML。 CSS在下面的小提琴中。

http://jsfiddle.net/Legruan/f7nzu/

到目前為止,我已經在其中的代碼中進行了擺弄。 提前致謝!

也許嘗試使用vieuwport? 這就是我解決這樣的問題的方式

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
</head>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM