文章詳情頁
css - 如何把用px寫的pc端網(wǎng)頁放入手機端自動適配
瀏覽:190日期:2023-01-10 17:33:45
問題描述
設(shè)計師給的圖是1080*960,按這個尺寸用px寫出了網(wǎng)頁,現(xiàn)在要把這個放入手機app中,是橫屏的,怎么可以保證在手機上自適應(yīng),就用px寫的,沒有用%和rem
問題解答
回答1:用媒體查詢,慢慢調(diào)把。
回答2:配合媒體查詢,改變布局盒子大小 外加CSS3的 background-size 讓背景圖片縮放
回答3:非得放到手機上 那就用media-query慢慢調(diào)
回答4:技術(shù)這種東西不應(yīng)該規(guī)定死的吧?在開發(fā)前就應(yīng)該決定才對吧px和%、rem這些單位也不沖突呀現(xiàn)在只能用媒體查詢慢慢調(diào)了
回答5:完全自動,是不可行的。不過,你可以參考下面這套方案來做。使用Flexible實現(xiàn)手淘H5頁面的終端適配
標簽:
CSS
相關(guān)文章:
1. node.js - mongodb查找子對象的名稱為某個值的對象的方法2. docker 17.03 怎么配置 registry mirror ?3. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個是怎么回事????4. 前端 - @media query 使用出現(xiàn)的問題?5. html5 - datatables 加載不出來數(shù)據(jù)。6. 運行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤?7. 測試自動化html元素選擇器元素ID或DataAttribute [關(guān)閉]8. javascript - QQ第三方登錄的問題9. 利用IPMI遠程安裝centos報錯!10. spring-mvc - spring-session-redis HttpSessionListener失效
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備