文章詳情頁
css3 - 圖文響應(yīng)式樣式
瀏覽：192日期：2023-06-23 08:32:25
問題描述
把這個頁面做成PC桌面端響應(yīng)式效果：一種方法是直接把圖片做成響應(yīng)式，這種做法簡單，唯一的不好就是文字模糊，效果感覺不太完美；另一種方式是圖片+文字，這種做法文字大小需要自適應(yīng)，文字位置關(guān)系更不容易做好。請問有什么好的做法嗎？求提供！
問題解答
回答1：可以參考淘寶的flexible
回答2：使用rem,或者flex布局
回答3：樓上兩位同學(xué)：淘寶的flexible,還有rem,其實都是一個東西，當(dāng)時淘寶是來解決H5移動端適配問題，非響應(yīng)式問題。
標(biāo)簽：
CSS
上一條：css - 在body里使用 -webkit-overflow-scrolling: touch;無效下一條：css - BEM 中塊(Block)有木有什么標(biāo)準(zhǔn) 何時決定一個部分提取為塊而不是其父級的元素呢(Element)?~
相關(guān)文章：
1. nignx - docker內(nèi)nginx 80端口被占用2. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？3. 關(guān)于docker下的nginx壓力測試4. android - 百度地圖加載完成監(jiān)聽5. 跟蹤器怎么開啟無反應(yīng)6. java - 阿里的開發(fā)手冊中為什么禁用map來作為查詢的接受類?7. docker api 開發(fā)的端口怎么獲取？8. macos - mac下docker如何設(shè)置代理9. dockerfile - [docker build image失敗- npm install]10. python3.x - git bash如何運行.bat文件？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備