2022年1月28日 星期五

CSS : padding 設定

2022年1月28日 星期五

 在 HTML5 FUN 的 Lotto 中設計了一個輸入數字大小的元件,利用 input 來暫存設定值,結果在 Windows 中的 Chrome 、Firefox 與我想像的是一樣的,但是在 iPad 的 Safari 中卻「走鐘」了!

在Safari 「走鐘」的樣子

Safari input 的大小和 Windows 瀏覽器的大小不同,試了一下:


valueInput['style']['padding'] = 0;


把 padding 設為 0 ,就不會「走山」了!

padding 設為 0 的版本

對 CSS 實在還有很多要學。不過,這也驗證了,以前一直有人在提醒,寫程式一定要把「初始值」設好,這樣一切才能都在自己的掌控中,不然,天知道會出什麼亂子。有關 style 的設定,其實也是一樣的道理。



3 則留言:

  1. 雄老師新年好,
    請問您一個關於筆順網的問題,以前我用您網站的連結可以把預先設定每課的生詞筆順用連結存下來,像這樣 https://kids-3c18c.firebaseapp.com/html5/stroke/html5_stroke.html?words=大小山川
    但是現在不論後面放什麼字都會跳到"請輸入要下載哪些字"的首頁頁面,請問有解嗎?

    回覆刪除
  2. 您好,
    雄的筆順工具搬家囉!您那網址是舊的,才無法正常運作。請您到我的 Blog 中找找新網址。

    回覆刪除

 
雄::gsyan © 2009. Design by Pocket