非必要在HTML頁面上不要使用絕對字體px，而要使用相對字體em，對于大多數(shù)瀏覽器來說，通常用 em = px16 換算，例如16px就等于1em5圖片自適應非必要img標簽的話，只需要設置 maxwidth 100%。

關于網站如何做到自適應網頁，可根據(jù)如下操作首先，在網頁代碼的頭部，加入一行viewport元標簽viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等于屏幕寬度width=devicewidth，原始縮 放比例initial。

用CSS3 @media 查詢 也叫“媒體查詢”語法aaawidth1200px 正常樣式 下面是分辨率最小為300px，最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaaw。

手機和電腦的設置是不一樣的，請根據(jù)客戶端的標識，自動跳轉到不同的頁面即可。

首先，在網頁代碼的頭部，加入一行viewport元標簽viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10，即網頁初始大小占屏幕面積。

帝國CMS手機自適應顯示不正?？赡苁怯捎诙喾N原因導致的根據(jù)你提供的情況，以下是一些可能的原因和解決方法帝國CMS的模板代碼問題帝國CMS的模板代碼中可能存在某些錯誤或者不合適的CSS樣式，導致在手機上顯示不正常你可以。

親，這個需要你知道rem與px的區(qū)別，如果要讓手機自適應，用rem是最合適的。

根據(jù)你要做的產品圖或banner圖，外面的div要設置寬度高度里面的圖片再設置 width100% heightauto。

and maxwidth 1199px ，這個是代表最大1199px 寬度的屏幕，當然括號里面的數(shù)字也有多少到多少之間或小于多少最小多少的設置數(shù)值， 可以把這類代碼均剪切放到另外的文檔中保存，然后重新刷新網頁查看是否與PC端一樣。

頭部要加的是這個，放在標簽里，這是初始化手機屏幕的 你寫的這段是要放在所有css樣式后邊的，以防止樣式覆蓋這段的意思是在電腦屏或者其他屏上你顯示的是一個樣式，通過這個監(jiān)控屏幕大小，等屏幕大小改變，則替換成另。

2移動站和PC站配置方式如何抉擇？目前PC站與移動站配置方式主要有三種跳轉適配代碼適配自適應，跳轉適配，通俗的講就是新建個手機網站，移動端訪問pc網頁時能進行識別并跳轉到相應的手機版面，國內常見的有。

iframe的HTML5自適應手機 首先你要明白css的height的使用規(guī)則，當設定 height100% 相對高度的時候，height 具有繼承性，元素的具體高度相對于它的父元素，也就是它的父元素必須有具體的height屬性值，不然本元素設置的。

1，輸入positionfixedtop0left0將整個div固定在屏幕的頂部和左側2輸入width100％height100％min－width1000px這個可以適合div的高度和寬度，而min－width是為了實現(xiàn)讓屏幕寬度在1000px以內時。

HTML5網頁在電腦端和手機端都全屏顯示的步驟如下1打開HTML5網頁代碼2在網頁頭部加上新代碼，讓網頁的寬度自適應設備的寬度代碼如下 3在輸入代碼完成后，把圖片包括圖片DIV 的寬度設置成百分之百即可。

這里還有一個測試小工具，可以在一張網頁上，同時顯示不同分辨率屏幕的測試效果，我推薦安裝二允許網頁寬度自動調整 “自適應網頁設計”到底是怎么做到的？其實并不難首先，在網頁代碼的頭部，加入一行viewport元標簽viewport。

一般是使用js來判斷，但是可以使用媒體查詢來達到你要的效果，這是css3里面的新效果。