文章詳情頁
css - 移動端 oppo 手機之 Border-radius
瀏覽：137日期：2023-01-20 17:55:27
問題描述
這是oppo R9M 測試機上的 的截圖
動畫中
動畫結(jié)束后
下面是 代碼， 我在起始狀態(tài)和 結(jié)束狀態(tài) 還有 動畫狀態(tài) 都添加了 border-radius : 50%;
問題 出在 哪里 呢， 求告知 以及 解決方案
下面是 在oppo 手機上的 測試結(jié)果， 在APP 中 圓圖 變 方圖。 在微信瀏覽器 上和 QQ 瀏覽器上 是圓形的， 在手機自帶 瀏覽器上是 方圖
問題解答
回答1：不一定是代碼的問題, 可能是手機內(nèi)核的問題.
試試這樣: border-radius 不必加到 @keyframes 中, 給圖片的父元素添加 border-radius, 但動畫還是寫在圖片上.
標簽：
CSS
相關(guān)文章：
1. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標?2. docker gitlab 如何git clone？3. css3 - border-bottom 的長度可否超過盒子的寬度呢？實現(xiàn)如下圖效果。（我的書下面的線）4. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？5. java - spring boot @Autowired6. JavaScript事件7. mysql scripts提示 /usr/bin/perl: bad interpreter8. android - 用textview顯示html時如何寫imagegetter獲取網(wǎng)絡(luò)圖片9. mysql優(yōu)化 - mysql EXPLAIN之后怎么看結(jié)果進行優(yōu)化 ？10. css3 - css怎么實現(xiàn)圖片環(huán)繞的效果
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備