微信公眾號可以用css樣式,但是需要注意一些限制和注意事項。
首先,微信公眾號使用的是Webview渲染方式,不支持所有的CSS屬性。具體來說,微信公眾號支持的CSS屬性如下:
background
background-color
background-image
background-repeat
background-position
border
border-top
border-right
border-bottom
border-left
border-radius
box-shadow
color
font
font-family
font-size
font-style
font-weight
height
line-height
list-style
margin
padding
text-align
text-decoration
text-indent
text-overflow
vertical-align
visibility
width
word-wrap
其次,微信公眾號使用的是微信內置瀏覽器,很多樣式可能會因為微信特有的一些規則而產生不同的效果,如背景圖默認會有兩倍屏幕大小,需要使用 background-size: cover; 解決這個問題。
最后,微信公眾號中的CSS應該盡量簡潔小巧,因為加載過多的CSS會影響到頁面的加載速度。