我有一個網站版面如下：
┌───────────────┐
│ header │
├───────────────┤
│┌──┐┌─────────┐│
││ ││ ││
││side││ 主要內容 ││
││ ││ ││
││ ││ ││
│└──┘└─────────┘│
└───────────────┘
其中header和side客戶都希望可以跟隨螢幕下拉，
所以我都使用了position:fixed。
一般時候沒有什麼問題，
但如果手機放大瀏覽超出畫面，
就會出狀況......
header部分，
靠右邊的選單會被裁切掉或整個消失，
且沒有捲軸可以把它捲回來。
side則是下面也會消失，
另外會跟「主要內容」重疊。
不知道這樣的狀況有沒有辦法可解？尤其是header的部份，
謝謝。

用 media query 或 javascript 偵測銀幕尺寸然後改變樣式

直覺就是用rwd,有程式碼嗎?貼出來研究一下你可以把你的程式碼放到http://jsbin.com/ 之類的地方會比較清楚,position:absolute跟position:fixed是已經跳脫normalflow,你把他當成他們已經在另外一個空間,只是看的到來想像,沒有左右拉霸是因為在normalflow空間沒有東西可以造成他有拉霸,你的header他在異次元空間右邊看不到是因為你設定他min-width,又沒bar可以移動就變成好像不吃掉一樣,下面的資料不足降,歡迎高手指正

我懂這個原理，但想知道有沒有其他寫法可以同時隨螢幕下滑，又不會在放大時整個消失

其實不是很理解你講的放大,現在新一點的網站都有rwd直接用bootsrap或是研究他的css寫法,其實不難..

第一個是，如果要手機也可以看，客戶應該要多付錢第二，簡單一點，用 css @media max-width 做一個針對小螢幕的版型，這樣也可以，不會太複雜~應該是 min-width 你會比較用到~

的確如KC73所說，要做到RWD客戶要有預算，他們並沒有，所以我也沒意願整個幫他變形，才會針對這個點來問問看，如果真的不行，就看他們是不考慮手機，或不要用fixed還是很謝謝各位的回答 ^______^

異次元XDD