HTML5網(wǎng)站如果要適配手機端，banner尺寸要做多大？
時間：2024-02-14 23:00:01 | 來源：網(wǎng)站運營
時間：2024-02-14 23:00:01 來源：網(wǎng)站運營
HTML5網(wǎng)站如果要適配手機端，banner尺寸要做多大？：banner
不用管，直接讓技術適配就行，從大往小縮就行了。
如果在手機端有banner高度限制，就按照固定的高度，等比弄到大分辨率的寬度（1242 iphone6plus或者1080寬），該裁剪的裁剪。
適配
想全局適配，又擔心失真，就按IPAD來。從大往小適配；蘋果IMAC27的分辨就抻大。
這個用技術來適配，大往小走有好處，失真情況比例相對少。
適配HTML5可以按750PIX寬度走，適配起來比較容易。
還嫌不夠好，就直接輸出多套UI，每套都按照相應的普遍性分辨率來，比如750一套（可向下兼容），1080（可向上兼容，因為750到1242適配時，有些精致要求的圖片會失真）一套，然后讓技術寫調用代碼，判斷用戶的手機分辨率之后調用相應的圖片。
內容
這標注能看到的信息是，兩列等寬，以及寬高比。
應該是手機端一倍圖的像素大小吧，iphone4的屏寬為320pix,這個350pix是安卓端么？
如果叫不準就設置好畫布，比如高分辨率1080*1920，然后將圖片拉伸到整屏，量一下放大后的各個位置尺寸（位圖放大后會像素級失真，填充后算出整數(shù)）。
參數(shù)
平面轉移動UI，先看看相應手機端的各個分辨率，還有簡單了解一下@2X ， @3X倍圖關系，網(wǎng)上能查到很多相關資料。
按這個界面來看，不用很麻煩，你控制好icon大小就行了，平分兩列的布局不用太多計算，直接等比就行。
最好的方法
*** 還叫不準就跟技術溝通一下，馬上就明白了。
在線咨詢