這位網(wǎng)友你好，想要網(wǎng)頁寬度自適應(yīng)，你需要把網(wǎng)頁元素寬度設(shè)置為百分比，還要在網(wǎng)頁頭部加上代碼圖片自適應(yīng)，且不超過原始大小，需要設(shè)置最大寬度，代碼如下img width100%maxwidth100%；輸入css代碼div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)成功將矩形圖片只顯示了正方形部分4點(diǎn)擊小圖后，成功顯示了大圖。

HTML5網(wǎng)頁如何在電腦和手機(jī)上都全屏顯示在電腦和手機(jī)上全屏顯示HTML5網(wǎng)頁的步驟如下1打開HTML5網(wǎng)頁代碼2在網(wǎng)頁頭部添加新代碼，使網(wǎng)頁寬度適應(yīng)設(shè)備寬度代碼如下3輸入代碼后，將包括圖片DIV在內(nèi)的圖片寬度設(shè)置為；但是這種限制用戶的使用權(quán)利的方法是不友好的，所以可以只限制input的縮放效果，出現(xiàn)縮放問題，是因?yàn)榫劢棺煮w小于16px，蘋果手機(jī)認(rèn)為你只有放大才能看清楚，所以可以用下面的方法解決 media screen and webkitmindevice；大多數(shù)瀏覽器fontsize的最小值為12px，所以只能用100作為縮放比例所以會(huì)在頭部加上這個(gè)JS代碼ltscript type=quottextjavascriptquot var html = documentquerySelector‘html‘var rem = htmloffsetWidth 64h；解決方案1p首先你要在html頁面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁面中的寬度。

有兩種 1通過設(shè)置viewport參數(shù) 2使用css3中的縮放 兩種方法都需要獲取當(dāng)前屏幕大小然后根據(jù)網(wǎng)頁寬度來計(jì)算縮放比例，然后進(jìn)行縮放但是因?yàn)槟壳笆謾C(jī)種類繁多，瀏覽器種類也很多，所以每種方法各自都有不少的問題ltltspan；指向文件錯(cuò)誤，比如你的網(wǎng)頁文件在A，但是你卻指向了B你把指向的文件放到網(wǎng)頁文件內(nèi)在試試如果下載下來的圖片大小規(guī)格完全一樣的話，在photoshop中設(shè)置一個(gè)動(dòng)作，就能批量處理了head中加一個(gè)meta就行了，ltmeta name=quotv；1首先打開手機(jī)桌面，登陸UC瀏覽器2進(jìn)入首頁，點(diǎn)擊下方導(dǎo)航欄第三項(xiàng)“菜單”3彈出菜單中，再點(diǎn)擊左下角的齒輪設(shè)置圖標(biāo)4設(shè)置界面，點(diǎn)擊中間位置的“網(wǎng)頁瀏覽設(shè)置”5網(wǎng)頁瀏覽設(shè)置，點(diǎn)擊第一個(gè)“瀏覽器標(biāo)識(shí)。

oppo手機(jī)強(qiáng)制縮放網(wǎng)頁1首先打開手機(jī)，在手機(jī)桌面上找到瀏覽器并點(diǎn)擊打開2然后在瀏覽器里面打開一個(gè)網(wǎng)頁，這時(shí)網(wǎng)頁界面下方中間“三”的圖標(biāo)3進(jìn)入到“三”的界面后，點(diǎn)擊“設(shè)置”并進(jìn)入4進(jìn)入到“設(shè)置”界面；1200px 正常樣式 下面是分辨率最小為300px，最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以參考菜鳥教程CSS3 @media 查詢；maximumscale=2 表示頁面最大放大2倍，這樣你只要雙擊圖片就可以實(shí)現(xiàn)放大了，如果是要js來實(shí)現(xiàn)的話 那就得寫拖動(dòng)插件了 原理先改變圖片那個(gè)div的寬度為2倍然后定義那個(gè)div為絕對(duì)定位，這個(gè)div可以拖動(dòng)需要js來監(jiān)聽處。

不需要設(shè)置，雙指縮放是瀏覽器自帶的功能，如果不行應(yīng)該是html做了限制，去看看有沒有類似下面的語句 ltmeta content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=0quot name=quotviewportquot；3輸入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使圖片隨屏幕大小同步縮放，但是有部分可能會(huì)被裁切，不過不至于會(huì)露白，下面兩句是為chrome和opera瀏覽器作兼容4輸入backgrou；比如你PC端定義的div樣式可能是這樣的 flash height530px margin0px auto textaligncenter 沒有定義寬度，或者寬度你定義成width100%在手機(jī)端時(shí)，就會(huì)出現(xiàn)如上圖的布局混亂的局面那么，如何實(shí)現(xiàn)在手機(jī)；現(xiàn)在移動(dòng)端頁面圖片規(guī)格640用的會(huì)比較多，也比較被人們接受，所以建議還是640的比較合適，但因?yàn)橐苿?dòng)端的規(guī)格不一樣，圖片的最優(yōu)尺寸也可以改變的；ltmeta name=quotviewportquot content=quotinitialscale=1， maximumscale=3， minimumscale=1， userscalable=noquot這個(gè)申明是移動(dòng)設(shè)備用的，11顯示設(shè)備屏幕大小，禁止縮放二在手機(jī)上不能固定寬度，要按百分比寫頁面寬度才能。