Re: [-OP-] 針對特定網站作固定縮放

[weiyucsie (選擇那刻 才算開始)]

※ 引述《natyshow (一道曙光)》之銘言：
: 其實我是想來問問題的XD
: 因為學習的關係很常有機會要用到google dictionary
: 可能因為我眼睛不好的關係
: google dictionary的字都好小看不清楚
: 所以每次都會將它放大到150％
: 但是只要OP關閉後再造訪google dictionary的話
: 又回到原本100％的大小
: 我想請問可不可以針對特定網站作固定的放大或縮小
: 聽說要用到CSS樣式，不過這方面實在不熟悉
: 請各位高手不吝指教
以下只是隨便測試的結果，可能需要自行修正

首先我們知道Opera有User CSS，
可以針對特定網站設定CSS，
但是要特別開個記事本，又要設定CSS檔案路徑，
畢竟有點麻煩。

所以可以去下載Easy User CSS這個extension，
他會跑出一個extension的圖示，
點下去就可以編輯那個網站的CSS。(應該是網站吧XD)
https://addons.opera.com/addons/extensions/details/easy-user-css/1.2/

CSS 3 Transform裡面，好像有個scale可以縮放元素，
我剛剛是用scale(1.5);，網頁就變成原本的1.5倍大。
不過後來一看，origin(縮放原點)預設50% 50%，
好像怪怪的，所以改成0 0看看。

目前用的設定值是

html {-o-transform-origin:0 0;-o-transform:scale(1.5);}

這樣會縮放變成原來的1.5倍大(就是變大50%)
(也許有錯，只是亂試的實驗結果)
不過剛剛發現一個問題... 他真的是針對網站，
所以google搜尋也變大了XD

後來想了一下，另外一種可能是改字體大小：

html {font-size: 150%;}

有時候失效可以加個!important試試看，不過不保證有效：
例如： html {font-size: 150% !important;}

如果要針對個別網頁的話，我目前只有想到User JavaScript啦...
畢竟可以比對網址，或是// @include http://www.google.com.tw/dictionary*
這樣的指定方式，好像有style.OTransform之類的東西，
不過我沒有去深入研究就是了。

話說像前面-o-transform這樣的寫法，可能建議多寫一行沒-o-的
像是
html {
-o-transform-origin:0 0;-o-transform:scale(1.5);
transform-origin:0 0;transform:scale(1.5);
}
避免Opera以後移除-o-開頭的語法。

參考資料:
* http://dev.opera.com/articles/view/css3-transitions-and-2d-transforms/
CSS 3 2D Transform
* http://www.opera.com/docs/specs/presto28/css/transforms/
* http://www.opera.com/docs/specs/presto28/css/o-vendor/

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 220.140.240.77
→ weiyucsie:不過這個scale好像又和opera本身的zoom不同...
推 t7yang:我的如果沒有很在意的話用 font-size 就可以了
→ t7yang: ︿覺得
→ weiyucsie:反正就是兩個都提出來，自己試試看XD
→ weiyucsie:更細部的話，可能就要自己開opera dragonfly去測試了
推 t7yang:我用你的 Font-size 寫法沒有效果耶 奇怪...
→ weiyucsie:我的實驗是 google字典有效，google無效
→ weiyucsie:不過font-size那邊我也只是寫個大概...
推 t7yang:transform 一定要加 html, 但是fontsize加了會沒有效果
→ weiyucsie:html這個字眼可能要改成其他更適合的
→ weiyucsie:不過要用到dragonfly就是了...
推 t7yang:嗯 好吧 我大概整理一下，話說有沒有辦法透過一個連結的
→ t7yang:方式直接幫使用者弄到好，不然感覺叫有些使用者去動設定檔
→ t7yang:的資料夾真的很為難他們
→ weiyucsie:一個連結？ 不是很清楚XD 我目前講的只是基本可以用的工
→ weiyucsie:具而已...
推 t7yang:就像自訂按鈕可以透過連結的方式 使用者只要點下去就會自動
→ t7yang:新增好，不用自己去改 toolbar.ini
→ weiyucsie:Opera的zoom我看了一下，有zoom to這個東西
→ weiyucsie:其實我不太懂你的新增好，是指新增好什麼功能
→ weiyucsie:而且這篇我沒提到toolbar.ini阿XD
→ weiyucsie:只是Opera button還是要使用者點一下XD
推 t7yang:嗯 既然雞同鴨講就算了 球隊輸球 來寫文章好了...
→ weiyucsie:XD
→ weiyucsie:http://operawiki.info/CustomButtons
→ weiyucsie:話說裡面有zoom to 120%的按鈕，比較不用選...
→ weiyucsie:(我是說比較不用選比例，但是還是要點一下)
推 t7yang:這不方便 每次都要點一下 如果是我的話就不打算用
→ weiyucsie:嗯嗯...
推 t7yang:我覺得要使用者自己寫太麻煩 還是寫好讓使用者下載比較方便
→ weiyucsie:嗯
推 natyshow:推~
推 kniaz:推t7的想法，像我這種一般普羅大眾都很懶的，只愛方便...
→ kniaz:對該瀏覽器感覺太糟就跳槽，不會為了某功能特別去搞懂程式碼
推 t7yang:所以我已經借weiyucsie的程式碼寫好給大家下載啦 XD