Re: [-OP-] 針對特定網站作固定縮放
※ 引述《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
→
04/17 02:24, , 1F
04/17 02:24, 1F
推
04/17 02:30, , 2F
04/17 02:30, 2F
→
04/17 02:35, , 3F
04/17 02:35, 3F
→
04/17 02:46, , 4F
04/17 02:46, 4F
→
04/17 02:48, , 5F
04/17 02:48, 5F
推
04/17 02:57, , 6F
04/17 02:57, 6F
→
04/17 03:05, , 7F
04/17 03:05, 7F
→
04/17 03:07, , 8F
04/17 03:07, 8F
推
04/17 03:07, , 9F
04/17 03:07, 9F
→
04/17 03:07, , 10F
04/17 03:07, 10F
→
04/17 03:08, , 11F
04/17 03:08, 11F
推
04/17 03:09, , 12F
04/17 03:09, 12F
→
04/17 03:10, , 13F
04/17 03:10, 13F
→
04/17 03:10, , 14F
04/17 03:10, 14F
→
04/17 03:14, , 15F
04/17 03:14, 15F
→
04/17 03:15, , 16F
04/17 03:15, 16F
推
04/17 03:16, , 17F
04/17 03:16, 17F
→
04/17 03:17, , 18F
04/17 03:17, 18F
→
04/17 03:19, , 19F
04/17 03:19, 19F
→
04/17 03:19, , 20F
04/17 03:19, 20F
→
04/17 03:20, , 21F
04/17 03:20, 21F
→
04/17 03:20, , 22F
04/17 03:20, 22F
推
04/17 03:21, , 23F
04/17 03:21, 23F
→
04/17 03:22, , 24F
04/17 03:22, 24F
→
04/17 03:23, , 25F
04/17 03:23, 25F
→
04/17 03:24, , 26F
04/17 03:24, 26F
→
04/17 03:26, , 27F
04/17 03:26, 27F
推
04/17 03:27, , 28F
04/17 03:27, 28F
→
04/17 03:29, , 29F
04/17 03:29, 29F
推
04/17 03:32, , 30F
04/17 03:32, 30F
→
04/17 03:46, , 31F
04/17 03:46, 31F
推
04/17 11:46, , 32F
04/17 11:46, 32F
推
04/17 21:35, , 33F
04/17 21:35, 33F
→
04/17 21:36, , 34F
04/17 21:36, 34F
推
04/17 21:39, , 35F
04/17 21:39, 35F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):