MozTW 討論區
https://forum.moztw.org/

瀏覽XUITE寬度不會調整
https://forum.moztw.org/viewtopic.php?f=13&t=25418
1 頁 (共 1 頁)

發表人:  cold [ 2008-12-11, 09:00 ]
文章主題 :  瀏覽XUITE寬度不會調整

當我瀏覽 XUITE Blog 的時候,如果文章中有較大的圖片 FireFoxu 也不會調整寬度,造成圖片右邊覆蓋到 blog 原本的東西(如參觀人數、最新回應...等),請問該如何設定才可以像 IE 一樣寬度會自動變成有 bar 可以自行左右移動來瀏覽網頁。

謝謝 :lol:

火狐瀏覽
圖檔

用IE Tab瀏覽
圖檔

原網頁
http://blog.xuite.net/chshs.band/cold/20838095

發表人:  akong [ 2008-12-11, 10:13 ]
文章主題 : 

我的不會這樣耶...
我的都是乖乖的在中間,沒超過

發表人:  余弘兵 [ 2008-12-11, 10:14 ]
文章主題 : 

咦?我反而是縮小了圖片來遷就網頁排版喔~
你可以試試MR Tech Link Wrapper 的,但不知對圖片有沒有功效就是了 :?

你也可能是放大了頁面,按Ctrl 和- 試試……(測試中 8-)

發表人:  路人乙 [ 2008-12-11, 10:17 ]
文章主題 : 

 cold 先生的螢幕解析度是多少?寬螢幕還是 4:3?

發表人:  MoonMoon [ 2008-12-11, 10:23 ]
文章主題 : 

有使用了 <div> 語句而過大頁面, 可以修改的話, 嘗試將
代碼:
<img src="http://1.blog.xuite.net/1/0/8/7/11789153/blog_568565/txt/20838095/0.jpg" border="0" />


加 width=100% 改成為
代碼:
<img src="http://1.blog.xuite.net/1/0/8/7/11789153/blog_568565/txt/20838095/0.jpg" border="0" width=100% />

發表人:  cold [ 2008-12-11, 12:34 ]
文章主題 : 

路人乙 寫:
 cold 先生的螢幕解析度是多少?寬螢幕還是 4:3?


4:3的螢幕,解析度 1024*768

發表人:  余弘兵 [ 2008-12-11, 13:03 ]
文章主題 : 

cold 寫:
路人乙 寫:
 cold 先生的螢幕解析度是多少?寬螢幕還是 4:3?


4:3的螢幕,解析度 1024*768

我想你可以依照上面的提議試試看~

發表人:  cold [ 2008-12-11, 14:07 ]
文章主題 : 

MoonMoon 寫:
有使用了 <div> 語句而過大頁面, 可以修改的話, 嘗試將
代碼:
<img src="http://1.blog.xuite.net/1/0/8/7/11789153/blog_568565/txt/20838095/0.jpg" border="0" />


加 width=100% 改成為
代碼:
<img src="http://1.blog.xuite.net/1/0/8/7/11789153/blog_568565/txt/20838095/0.jpg" border="0" width=100% />


感謝 MoonMoon

雖然這樣大量圖片的時候要多一道手續,但至少這樣的方法的確可以讓圖片配合螢幕大小調整了,非常感謝 :lol:

發表人:  goldie [ 2008-12-13, 14:19 ]
文章主題 : 

cold 同學,原來你也有來這裡啊,哈哈
很抱歉,HTML 語法太久沒碰,幫不上忙啊 ^^"

發表人:  Coopoo [ 2008-12-13, 14:59 ]
文章主題 : 

cold 寫:
雖然這樣大量圖片的時候要多一道手續,但至少這樣的方法的確可以讓圖片配合螢幕大小調整了,非常感謝 :lol:

試試看把樣式表加入這條
代碼:
.blogbody IMG{
max-width: 100%}

這樣應該就不需要每個圖片都去設定。

發表人:  聖亞 [ 2009-02-28, 06:00 ]
文章主題 : 

MoonMoon 寫:
有使用了 <div> 語句而過大頁面, 可以修改的話, 嘗試將
代碼:
<img src="http://1.blog.xuite.net/1/0/8/7/11789153/blog_568565/txt/20838095/0.jpg" border="0" />


加 width=100% 改成為
代碼:
<img src="http://1.blog.xuite.net/1/0/8/7/11789153/blog_568565/txt/20838095/0.jpg" border="0" width=100% />


這個設定要丟在哪阿~
不知道該丟在哪邊@@?

發表人:  風痕影 [ 2009-03-01, 23:39 ]
文章主題 : 

聖亞 寫:
這個設定要丟在哪阿~
不知道該丟在哪邊@@?


那句話算是給製造網頁的人說的
畢竟你沒法更改頁面上的語法 XD

對了,你可以安裝 Stylish 這個擴充套件
然後在裡頭設定 img {max-width: 100% !important;}
這樣圖片最寬會和包住他的區塊一樣寬
(區塊必須有設定寬度,不然最寬會變得和網頁一樣寬)

嗯,不過這樣還是可能會跑出去就是了 XD

發表人:  Coopoo [ 2009-03-02, 00:00 ]
文章主題 : 

補充一點,height 要用 auto 讓瀏覽器自己去算,不然比例可能會掉。

代碼:
img{
max-width: 100% !important;
height: auto !important;}

1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/