手機(jī)網(wǎng)頁(yè)制作_html/css
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 16:04:22
手機(jī)網(wǎng)頁(yè)制作_html/css
手機(jī)網(wǎng)頁(yè)制作_html/css_WEB-ITnose:手機(jī)網(wǎng)頁(yè)制作與電腦網(wǎng)頁(yè)制作有什么區(qū)別,手機(jī)網(wǎng)頁(yè)的自適應(yīng)是怎么做到的啊 回復(fù)討論(解決方案) 用%,盡量避免px 還有一個(gè)是@media(max-height: 480px){ } 和樓上一樣,手機(jī)面對(duì)的主要問(wèn)題的手機(jī)的高度不一。寬度自適應(yīng)倒好辦,我常用JS計(jì)算高度,
導(dǎo)讀手機(jī)網(wǎng)頁(yè)制作_html/css_WEB-ITnose:手機(jī)網(wǎng)頁(yè)制作與電腦網(wǎng)頁(yè)制作有什么區(qū)別,手機(jī)網(wǎng)頁(yè)的自適應(yīng)是怎么做到的啊 回復(fù)討論(解決方案) 用%,盡量避免px 還有一個(gè)是@media(max-height: 480px){ } 和樓上一樣,手機(jī)面對(duì)的主要問(wèn)題的手機(jī)的高度不一。寬度自適應(yīng)倒好辦,我常用JS計(jì)算高度,

手機(jī)網(wǎng)頁(yè)制作與電腦網(wǎng)頁(yè)制作有什么區(qū)別,手機(jī)網(wǎng)頁(yè)的自適應(yīng)是怎么做到的啊
回復(fù)討論(解決方案)
用%,盡量避免px
還有一個(gè)是@media(max-height: 480px){
}
和樓上一樣,手機(jī)面對(duì)的主要問(wèn)題的手機(jī)的高度不一。寬度自適應(yīng)倒好辦,我常用JS計(jì)算高度,字體大小用%
可以使用jquery來(lái)控制樣式,一般以適配4和6plus為標(biāo)準(zhǔn),采用谷歌瀏覽器調(diào)試,小米手機(jī)特別關(guān)注一下樣式。
自己封裝個(gè)js,算出設(shè)計(jì)圖和屏幕的寬度比,以自定義屬性的方式賦值(設(shè)計(jì)圖上得值),當(dāng)頁(yè)面載入的時(shí)候,取出屬性的值乘以比值,付給樣式,這樣比較簡(jiǎn)單,不然的話,每個(gè)頁(yè)面都得用js去計(jì)算,很復(fù)雜!
最簡(jiǎn)單的就是百分比
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
手機(jī)網(wǎng)頁(yè)制作_html/css
手機(jī)網(wǎng)頁(yè)制作_html/css_WEB-ITnose:手機(jī)網(wǎng)頁(yè)制作與電腦網(wǎng)頁(yè)制作有什么區(qū)別,手機(jī)網(wǎng)頁(yè)的自適應(yīng)是怎么做到的啊 回復(fù)討論(解決方案) 用%,盡量避免px 還有一個(gè)是@media(max-height: 480px){ } 和樓上一樣,手機(jī)面對(duì)的主要問(wèn)題的手機(jī)的高度不一。寬度自適應(yīng)倒好辦,我常用JS計(jì)算高度,