文章詳情頁
css3 - 圖文響應(yīng)式樣式
瀏覽:228日期:2023-06-23 08:32:25
問題描述
把這個(gè)頁面做成PC桌面端響應(yīng)式效果:一種方法是直接把圖片做成響應(yīng)式,這種做法簡單,唯一的不好就是文字模糊,效果感覺不太完美;另一種方式是圖片+文字,這種做法文字大小需要自適應(yīng),文字位置關(guān)系更不容易做好。請問有什么好的做法嗎?求提供!
問題解答
回答1:可以參考淘寶的flexible
回答2:使用rem,或者flex布局
回答3:樓上兩位同學(xué):淘寶的flexible,還有rem,其實(shí)都是一個(gè)東西,當(dāng)時(shí)淘寶是來解決H5移動端適配問題,非響應(yīng)式問題。
標(biāo)簽:
CSS
上一條:css - 在body里使用 -webkit-overflow-scrolling: touch;無效下一條:css - BEM 中塊(Block)有木有什么標(biāo)準(zhǔn) 何時(shí)決定一個(gè)部分提取為塊而不是其父級的元素呢(Element)?~
相關(guān)文章:
1. node.js - nodejs+express+vue2. javascript - vue2.0中使用vue2-dropzone的demo,vue2-dropzone的github網(wǎng)址是什么??百度不到。3. elasticsearch - Elastisearch怎么求查詢結(jié)果的交集,如MYSQL的interset4. node.js - win7下,npm 無法下載依賴包,淘寶鏡像也裝不上,求幫忙???5. Python 子類能否覆蓋全局函數(shù)?6. javascript - JS如何取對稱范圍的隨機(jī)數(shù)?7. 前端 - @media query 使用出現(xiàn)的問題?8. java軟引用在android中有實(shí)際應(yīng)用場景嗎?9. mysql - sql 找出2個(gè)數(shù)據(jù)庫的差異表名10. vue計(jì)算屬性怎么樣與for結(jié)合使用
排行榜

熱門標(biāo)簽