返回 動漫遊戲

電腦 / 快抓狂了, 同一個網頁不同電腦顯示不一致

我設計的這個網站首頁(http://www.yoyostudy.com/)是用3欄式CSS,  好不容易調整到在我的電腦上用IE跟火狐開顯示一模一樣-------------------->

可是委託我做這個網站的朋友用Mac的Safari開看到的畫面總是跟我看到的不一樣,  她用火狐開顯示就比較正常. 

我請另一位朋友捉她電腦的畫面給我看,  網頁的中間欄跟右欄卻出現很大的間隔. 

用我男友電腦看,  火狐顯示正常,  用IE開網頁的中間欄和右欄都掉到下方去了!

以上4台電腦都是用1024*768的解析度,  為何顯示會有差距呢?  委託我的那位朋友請好幾個人看這個網頁也都說看到的不一致.

到底有沒有可能做到讓不同平台正常顯示同一個網頁(不要有主文掉到下方或欄間出現大間隔的情形)?  我改到快臭頭了還是不行,  FG的網頁設計高手救命啊!!!!
  • 主動偵測瀏覽器的類別,
    依照不同的瀏覽器撰寫程式碼,
    來調整網頁,讓它統一!

    http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html
  • Cross-browser  CSS1:

    http://www.mozilla.org/docs/web-developer/css1technote/css1tojs.html
  • 謝謝老社長,  看完之後學到火狐的引擎叫Gecko和有種用來辨別瀏覽器的Sniffer玩意兒?  可是這些網頁的程式碼好像不是可以現貼現套用的,  我不會寫javascript,  慘了啊>.<
  • 那第二篇那個『跨瀏覽器的CSS1』呢?
  • (汗)跨瀏覽器的CSS1那篇跟裡面的generator看不太懂怎麼用ㄝ.

    剛一位朋友傳給我看她電腦的畫面(火狐  1024*768),  居然是顯示成右邊大留白!------------->

    癥結到底是什麼呢?  如果是跨瀏覽器不相容,  為何我的電腦上火狐跟IE顯示的卻一模一樣呢?
  • 那個文章有範例網頁demo給你看效果~

    對了,你要再多測一些瀏覽器,
    例如Opera和Maxthon.
  • CharmeC的話:
    剛一位朋友傳給我看她電腦的畫面(火狐1024*768),居然是顯示成右邊大留白!------------->
    --------------------------------

    他這個是1280x800的.
  • CSS1網頁上的demo連結已經壞掉了ˊˋ

    我剛安裝Opera開網頁,  三欄位置正常,  不過右欄的"請盡速前往下載"那行字有跑位,  滾動圖片下半部也被切掉了!
  • Maxthon顯示出來的畫面,  滾動圖片沒被切掉,  "請盡速前往下載"那行字仍舊跑位,  左欄好像變短了,  下方出現留白-------->

    我.............陣亡中..................

    對了,  我跟畫面右邊大留白的朋友確認後,  她的螢幕解析度原來是1280*768(不是800喔),  大家的解析度真是千奇百怪.
  • CharmeC的話:
    CSS1網頁上的demo連結已經壞掉了ˊˋ
    ------------------------------

    http://www.mozilla.org/docs/web-developer/css1technote/daydemo.html

    我這邊看這個demo網頁是好的!
  • CharmeC的話:
    對了,    我跟畫面右邊大留白的朋友確認後,    她的螢幕解析度原來是1280*768(不是800喔),    大家的解析度真是千奇百怪.
    ----------------------------------

    驚!!
    1280x768,
    不是電視螢幕16:9尺寸,
    也不是電腦螢幕16:10尺寸,
    它是15:9的怪尺寸...
回應...
 返回 動漫遊戲