文章詳情頁(yè)
css3 - 圖文響應(yīng)式樣式
瀏覽:177日期:2023-06-23 08:32:25
問(wèn)題描述
把這個(gè)頁(yè)面做成PC桌面端響應(yīng)式效果:一種方法是直接把圖片做成響應(yīng)式,這種做法簡(jiǎn)單,唯一的不好就是文字模糊,效果感覺(jué)不太完美;另一種方式是圖片+文字,這種做法文字大小需要自適應(yīng),文字位置關(guān)系更不容易做好。請(qǐng)問(wèn)有什么好的做法嗎?求提供!
問(wèn)題解答
回答1:可以參考淘寶的flexible
回答2:使用rem,或者flex布局
回答3:樓上兩位同學(xué):淘寶的flexible,還有rem,其實(shí)都是一個(gè)東西,當(dāng)時(shí)淘寶是來(lái)解決H5移動(dòng)端適配問(wèn)題,非響應(yīng)式問(wèn)題。
標(biāo)簽:
CSS
上一條:css - 在body里使用 -webkit-overflow-scrolling: touch;無(wú)效下一條:css - BEM 中塊(Block)有木有什么標(biāo)準(zhǔn) 何時(shí)決定一個(gè)部分提取為塊而不是其父級(jí)的元素呢(Element)?~
相關(guān)文章:
1. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題2. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.3. django進(jìn)行數(shù)據(jù)庫(kù)的查詢(xún)4. javascript - 天貓首頁(yè)首屏數(shù)據(jù)來(lái)源5. javascript - 請(qǐng)教空白文本節(jié)點(diǎn)的問(wèn)題6. python - linux怎么在每天的凌晨2點(diǎn)執(zhí)行一次這個(gè)log.py文件7. Span標(biāo)簽8. ios - 類(lèi)似微博首頁(yè),一張圖的時(shí)候是如何確定圖大小的?9. mysql - php 如何網(wǎng)址中出現(xiàn)該頁(yè)標(biāo)題?10. extra沒(méi)有加載出來(lái)
排行榜

熱門(mén)標(biāo)簽