Q

在Mac上不同的輸入按鈕和窗口

2013-04-20 48 views 1 likes

1

這裏是我的代碼鍵：在Mac上不同的輸入按鈕和窗口

<!-- CSS Code --> 
input { 
    height: 100px; 
    width: 150px; 
    font-size: 55px; 
    text-align: center; 
} 

button { 
    width: 87px; 
    height: 38px; 
    font-size: 12px; 
} 

<!-- HTML Code --> 
<input type="submit" class="button" value="Student">

當我查看的MacBook此按鈕，我的Windows筆記本電腦，他們都看起來不同。

的Mac OS：

enter image description here

的Windows 7：

enter image description here

正如你可以看到在Windows 7版本的按鈕是一個更大的字體更大。我最初是在我的Macbook上開發的。我需要在代碼中更改某些內容嗎？它爲什麼這樣做？

2013-04-20 Rob Avery IV

+0

你使用一個CSS復位？ – Paul 2013-04-20 21:15:53

+0

OS X甚至可以讓你設計按鈕的風格嗎？另外，你的按鈕是一個'input'元素，而不是'button'，所以它的字體大小爲'55px'。 – Blender 2013-04-20 21:16:39

+0

button！=帶類按鈕的輸入。 – lifetimes 2013-04-20 21:17:52

A

回答

1

它看起來像在Mac OS上font-size被忽略，可能是通過設計或覆蓋某些瀏覽器/操作系統設置。

如果刪除font-size，現在這兩個瀏覽器中的按鈕看起來是否相同？如果您需要指定字體大小，您可能會發現一些helpful advice over here。

2013-04-20 21:25:06

+0

是的55字體看起來像只適用於Windows屏幕截圖。 – NoBugs 2013-04-20 21:28:37

0

Ttry this css code
.button {
width：87px;
height：38px;
font-size：12px;
}

您的按鈕的CSS代碼是一個標籤，而不是類，所以你class="Button"是不行的，因爲沒有存在這個CSS類

2013-04-20 23:28:49 Lai32290

相關問題