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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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