前端H5專案問題總結

2022-08-30 16:12:11 字數 803 閱讀 3613

一、img 併排放置時,會出現空白間隙

解決方法:

1、將轉換為塊級物件 img

2、設定的垂直對齊方式 img

3、改變父物件的屬性 (overflow:hidden;)

4、取消標籤和其父物件的最後乙個結束標籤之間的空格

二、二級列表頁面

1、樣式最好一致,方便後台 迴圈上傳

三、手機端 fixed 失效

1、body

2、.fixed定位到底部,

3、.wrap 讓這個模組 滾動

四、二級欄目

寫成靈活的

1、根據字數撐起寬高

五、rem 使用

rem

時,

1、詳情頁 字型大小設定在外層

六、詳情頁 text-indent 不建議寫,用空格 

代替

1、text-indent 不建議寫,用 空格 

代替,防止後台詳情頁 出現 左側空白

七、移動端 hover效果取消

1、body,html

img

衝突#map img

十、border-radius  在

mac

系統出現 短暫失效,設定

border-radius

的同時設定

transform:rotate(0deg);

H5專案總結

專案基礎 rn taro框架,實現h5 1.無限載入的實現 1 import taro,from tarojs taro 2 import from tarojs components 3 import from tarojs redux 4 import from actions counter ...

鏈家H5專案總結

在此次專案中,使用的是高度百分比。對於適配這一塊確實少了很多。1 如果是用高度百分比的話。則img需要寫成這樣的樣式。img 如果需要居中的話,可以對外層的div設定乙個類名class 比如是setwidth,然後通過js去獲取第一張的寬度賦給這個外層的div.setwidth function 不...

H5問題總結

很多時候設計稿中的icon很小,但是實際製作頁面時,如果這個icon可操作,icon的可操作域應該做大一些,不然在裝置中會經常發生操作之後沒反應 其實是沒有觸發在操作域上 少掉坑,h5建議 0.很多時候設計稿中的icon很小,但是實際製作頁面時,如果這個icon可操作,icon的可操作域應該做大一些...