因為你的排版不嚴密，正規(guī)加了代碼就css就改變了等加過代碼你要 重新定義一下 這種情況一開始 都會出現(xiàn)的。

具體效果圖如下主要用到的技術除了3D翻轉和定位 ，還用到了一個新的屬性 backfacevisibilityvisablehidden該屬性主要是用來設定元素背面是否可見具體的步驟如下1寫出頁面主體， ltdiv ltimg src=quotImages。

你用了固定的寬度，當然不能自適應了，比如你家里顯示器分辨率為1440*900px，你按照這個寬度做了網(wǎng)頁即容器寬度定為了1440px，學校的顯示器分辨率為1280*900px，這樣你的網(wǎng)頁就出現(xiàn)橫向滾動條了解決的辦法有CSS和JS。

瀏覽器顯示效果 頁面是不是很單調這是因為我們還沒編寫樣式，假如我們希望helloword字體顏色為紅色，灰色背景框，樣式代碼應該這樣寫，類似的靜態(tài)頁面其他樣式也可以用css來調節(jié) 添加樣式后的效果 那要添加一張圖片呢，在html。

原來的話只能用jsjquery實現(xiàn)，自從有了css3之后這些效果就變得簡單多了，html5css3讓網(wǎng)頁有了無限可能 非常簡單的 用的是 hover 偽類屬性 和 css3的transition屬性 下面是我寫的簡單示例，只有在ie9以上，firefox。

img的寬高隨窗口變化而變化，包裹img的div也隨之變化 1打開代碼編輯器1html代碼的編寫3css代碼的編寫4js的代碼編寫5在移動端手指觸摸輪播圖切換效果代碼的編寫6也可以使用bootstrap框架直接引入css文件。

首先是HTML代碼，非常簡單，列出我們需要渲染的文字ltdiv class=quotfooquot ltspan class=quotletterquot dataletter=quotAquotAltspan ltspan class=quotletterquot dataletter=quotBquotBltspan ltspan class=quotletterquot dataletter。