採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
January 6, 2025
January 1, 2025
經由朋友介紹我的植物介紹網站才知道,在Mac中的網頁顯示有問題,於是我就花了許多時間去找,這只有Mac OS上才出現的問題。
https://plant.apaostudio.com/
問題狀況模擬:
網頁中負責畫面控制的CSS 中 article 中出現以下文字排列,但是在Windows電腦與Android手機顯示上,我卻沒有發現有任何問題。
在主題(theme)找了老半天,也查不出真相,於是採取檢查文法的方式,逐步找到問題CSS的地方,但所有CSS裡看不見關於以下的設定。
▼十分像是被加入了魔法般,被強制設定了(模擬)
▼文字依照設定被均勻分布的感覺(模擬)
▼也十分像是被這樣設定了(模擬)
▼在Safari與Chrome中(模擬)出現的狀況,當時忘記要紀錄問題畫面。
於是我將CSS定義完整修正之外, article 設定修改成為以下,Mac中的Chrome修復了
▼Mac中的Chrome中的顯示(但也有可能我少了「;」以結束CSS定義)
https://plant.apaostudio.com/
問題狀況模擬:
網頁中負責畫面控制的CSS 中 article 中出現以下文字排列,但是在Windows電腦與Android手機顯示上,我卻沒有發現有任何問題。
在主題(theme)找了老半天,也查不出真相,於是採取檢查文法的方式,逐步找到問題CSS的地方,但所有CSS裡看不見關於以下的設定。
letter-spacing
▼十分像是被加入了魔法般,被強制設定了(模擬)
letter-spacing: 1em;
▼文字依照設定被均勻分布的感覺(模擬)
▼也十分像是被這樣設定了(模擬)
letter-spacing: 10px;
▼在Safari與Chrome中(模擬)出現的狀況,當時忘記要紀錄問題畫面。
於是我將CSS定義完整修正之外, article 設定修改成為以下,Mac中的Chrome修復了
letter-spacing: normal;
▼Mac中的Chrome中的顯示(但也有可能我少了「;」以結束CSS定義)
January 1, 2025
December 2, 2024
這是一個緣分奇妙又蠻深遠的關係來的案件,來自同學 Victor Chen 介紹,仔細問了之後,才知道高中時常去一個畫室畫畫的老師的女兒,老師走了,過了許多年,透過同學介紹,我又與對方碰面,好巧的緣分。
網頁製作內容不多,但有後台,可以讓客戶很容易製作自己需要的內容。一個內容,可以輕易對應多種版本的設備畫面。客戶因為老人家比較多,手機版的字就制作大一點,以符合老人家的需求
我們的做的網頁在維護上也很簡單,只需要上一種文字與圖片,就可以自動對應到兩個版本(電腦與網頁)的網頁內容,讓更新內容的管理者,可以在短時間維護自家的網頁與網站。
▼電腦版網頁 + 手機版網頁 / 首頁(手機版的字就制作大一點,以符合老人家的需求)
定揚國際法律事務所 DING-YANG INTERNATIONAL LAW FIRM
https://www.dingyanglawfirm.com/
網頁製作內容不多,但有後台,可以讓客戶很容易製作自己需要的內容。一個內容,可以輕易對應多種版本的設備畫面。客戶因為老人家比較多,手機版的字就制作大一點,以符合老人家的需求
我們的做的網頁在維護上也很簡單,只需要上一種文字與圖片,就可以自動對應到兩個版本(電腦與網頁)的網頁內容,讓更新內容的管理者,可以在短時間維護自家的網頁與網站。
▼電腦版網頁 + 手機版網頁 / 首頁(手機版的字就制作大一點,以符合老人家的需求)
定揚國際法律事務所 DING-YANG INTERNATIONAL LAW FIRM
https://www.dingyanglawfirm.com/
October 15, 2024
October 15, 2024