我的應用程序在小屏幕上應該看起來不錯。如果尺寸正常,一切看起來都不錯。但是當屏幕太小時,我的按鈕開始混亂。按鈕跳轉到新行(css)
紅色正方形代表圖像,黃色代表一些文字,藍色代表按鈕。
通常,被顯示在頂部的版本(正確的) 當屏幕小,第二情況發生,當底部按鈕跳轉到一個新行。
理想情況下,兩個按鈕應該保持一個在另一個之上。這是我的css代碼:
{
background-color: #6b89ac;
border: 1px solid #89a9d0;
border-bottom-color: #1d4474;
color: white;
font-weight: bold;
text-decoration: none;
padding: 2px 5px 2px 5px;
margin-bottom: 3px;
text-align: center;
display: inline-block;
width: 100px;
}