1、1用dw編輯器建立了一個(gè)靜態(tài)頁(yè)面 2將建好的靜態(tài)頁(yè)命名為csshtml，標(biāo)題為了“css如何設(shè)置圖片大小自適應(yīng)”3在body中添加兩個(gè)p，設(shè)置不能的寬度，并設(shè)class為p1和p2，目的是用一樣的css控制圖片的寬度在不同的寬度容器。

2、1打開(kāi)瀏覽器選擇界面右下角圖標(biāo)我的點(diǎn)擊跳轉(zhuǎn)進(jìn)入 2選擇界面右上角設(shè)置圖標(biāo)點(diǎn)擊進(jìn)入3選擇網(wǎng)頁(yè)瀏覽設(shè)置選項(xiàng)點(diǎn)擊進(jìn)入4勾選自適應(yīng)屏幕確定，即可將瀏覽器窗口設(shè)置自適應(yīng)屏幕大小 如何讓網(wǎng)頁(yè)在瀏覽器。

3、HTML頁(yè)面何適應(yīng)不同分辨率的顯示器可以通過(guò)響應(yīng)式布局自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)等方法1響應(yīng)式布局設(shè)計(jì)響應(yīng)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗(yàn)，響應(yīng)式布局就是實(shí)現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁(yè)的。

4、1css把寬度設(shè)置成百分比，width100%左右布局按一定比例設(shè)置好 ，需要多次調(diào)試，保證不同分辨率下的美觀性2根據(jù)不同分辨率或者不同屏幕大小定義相應(yīng)的CSS文件一般多采用這種方式比如ltlink rel=quotstylesheetquot type。

5、首先你要在html頁(yè)面頭部加上下面的代碼，其次你要把頁(yè)面中的寬度修改為百分比，不能不用固定尺寸，一些小的模塊可以用固定尺寸再就是css中要應(yīng)用到媒體查詢，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=。

6、quot自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)quot的核心，就是CSS3引入的MediaQuery模塊它的意思就是，自動(dòng)探測(cè)屏幕寬度，然后加載相應(yīng)的CSS文件 ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and maxdevicewidth400pxquothref=quottinyScreencssquot。

7、“自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”的核心，就是CSS3引入的Media Query模塊它的意思就是，自動(dòng)探測(cè)屏幕寬度，然后加載相應(yīng)的CSS文件上面的代碼意思是，如果屏幕寬度小于400像素maxdevicewidth 400px，就加載tinyScreencss文件如。

8、圖片自適應(yīng)，且不超過(guò)原始大小，需要設(shè)置最大寬度，代碼如下img width100% maxwidth100%改進(jìn)功能 瀏覽器首次使用時(shí)，根據(jù)用戶顯示分辨率大小決定是否默認(rèn)顯示收藏欄打開(kāi)多個(gè)標(biāo)簽關(guān)閉瀏覽器時(shí)，提示用戶確認(rèn)搜索。

9、可以用JS監(jiān)控屏幕大小，然后調(diào)整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window。

10、網(wǎng)友們上網(wǎng)通常會(huì)采用800×6001024×768兩種分辨率，由于網(wǎng)頁(yè)不是用來(lái)給自己看的，所以我們必須讓自己的網(wǎng)頁(yè)能夠兼顧這兩種情況，讓不同分辨率設(shè)置的網(wǎng)友都能夠看到一個(gè)排版美觀正確的網(wǎng)頁(yè)一 自然拉伸 如果你的網(wǎng)站結(jié)構(gòu)沒(méi)。

11、ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1， maximumscale=1quot 參數(shù)解釋viewport是網(wǎng)頁(yè)默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁(yè)寬度默認(rèn)等于屏幕寬度width=devicewidth，原始縮放比例。

12、quot自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)quot的核心，就是CSS3引入的MediaQuery模塊它的意思就是，自動(dòng)探測(cè)屏幕寬度，然后加載相應(yīng)的CSS文件ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and maxdevicewidth400pxquothref=quottinyScreen。

13、怎么讓瀏覽器自動(dòng)適應(yīng)頁(yè)面大??？方法一按住ctrl鍵然后在滑動(dòng)鼠標(biāo)，向下滑是縮小，向上滑是放大方法二點(diǎn)擊瀏覽器的“頁(yè)面縮放”，在移動(dòng)到相應(yīng)的比例就好方法三瀏覽器現(xiàn)在設(shè)置里都有一個(gè)選項(xiàng)是適應(yīng)屏幕點(diǎn)擊適應(yīng)屏幕。

14、只有內(nèi)嵌css有效，外部css會(huì)出現(xiàn)拉伸的情況，所以有兩種方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot。

15、使用響應(yīng)式設(shè)計(jì)Responsive Design可以讓瀏覽器自動(dòng)適應(yīng)頁(yè)面大小1 響應(yīng)式設(shè)計(jì)的概念 響應(yīng)式設(shè)計(jì)是一種網(wǎng)頁(yè)設(shè)計(jì)方法，它可以使網(wǎng)頁(yè)在不同的設(shè)備和屏幕尺寸上呈現(xiàn)出最佳的效果通過(guò)響應(yīng)式設(shè)計(jì)，網(wǎng)頁(yè)可以自動(dòng)調(diào)整其布局。

16、ltdivltbodylthtml效果圖如下特別說(shuō)明要圖片跟隨屏幕大小顯示，可以將圖片與div的寬度調(diào)整為100%，并且body不設(shè)置寬度或者也設(shè)置為100%，在使用不同屏幕瀏覽網(wǎng)頁(yè)時(shí)，圖片將自動(dòng)鋪滿屏幕有用記得采納。

17、當(dāng)然有些瀏覽器會(huì)自動(dòng)縮放使其適應(yīng)屏幕，但這不是統(tǒng)一標(biāo)準(zhǔn)，正確的做法是用js動(dòng)態(tài)生成此標(biāo)簽，當(dāng)然，應(yīng)該先獲取屏幕尺寸對(duì)于此標(biāo)簽還有以下需要分享1userscalable=no就一定可以保證頁(yè)面不可以縮放嗎NO，有些瀏覽器。