CSS桌面/移動按鈕樣式

-1

我設計了一些CSS按鈕，它們看起來很棒，但是當我在手機上打開頁面時，它們看起來很可怕。人們通常如何在所有設備上維護CSS中的按鈕樣式？CSS桌面/移動按鈕樣式

這裏是我的，在瀏覽器看起來很不錯的按鍵代碼：

input[type="button"] 
{ 
width: 416px; 
border: none; 
color: #fff; 
font-size: 1em; 
padding: .5em; 
margin: 5px 0 5px 0; 
border-radius: 3px; 
font-weight: bold; 
line-height: 40px; 
background: #00aeff; 
} 

input[type="button"]:hover 
{ 
background: #00a0db; 
}

但是這是它本來的樣子上移動不同的頁面。

來源

2013-07-18 Cassidy Williams

定義「可怕」？還有一些代碼，也許是一個[小提琴]（http://jsfiddle.net），它顯示了正在發生的事情將是有用的。 – PeeHaa

沒有魔法彈。確保你的樣式具有適當的特定於平臺的指令（即-webkit-），最重要的是，在正在運行的平臺上受支持。

來源

2013-07-18 22:24:12 RhinoWalrus

與該font..it應該OK的字體size..Try設置PX值的問題..

像

input[type="button"] 
{ 
    font-size:14px; 
}

來源

2013-07-19 10:47:50

CSS桌面/移動按鈕樣式

回答

相關問題