官方給出了一些常用的樣式多矮，但是這些遠(yuǎn)不能滿足日常開發(fā)的需要。因此筆者為了開發(fā)需要嘗試一些開發(fā)中常用的屬性。官方的文檔跟它所能支持的樣式不完全一致粪躬，所以可以通過讀源碼的方式去探索weex的樣式。
首先我所用的weex版本是0.4.4昔穴。測試用的手機(jī)包括蘋果6镰官，小米4唁毒，測試的瀏覽器主要是微信瀏覽器琼牧。筆者只測試了weex的html5解寝，不保證native的支持情況纤房。
1.測試background:color
測試代碼為：
<template>
<div style="width:750;height:400;background:red">
</div>
</template>
在瀏覽器中展示的效果為：
圖為谷歌瀏覽器器中截圖搜贤，其他瀏覽器中親測沒問題
2.測試background：url()
測試代碼為：
<div style="width:750;height:1334;background: url(/bg.png);background-size:cover;">
</div>
顯示效果為：
上圖中圖片重復(fù)了肺孵。
3.測試background-size
測試代碼為:
<div style="width:750;height:1334;background: url(/bg.png);background-size:cover;">
</div>
可以看到這個樣式并不起作用傻挂。我們在調(diào)試器中看看代碼：
可以看到并沒有生成相關(guān)的代碼叹坦。
4.測試background-position
測試代碼
<div style="width:750;height:1334;background: url('/bg.png');background-position:top top;">
</div>
效果如圖：
5.總結(jié)
經(jīng)測試weex的text害淤，div,input均支持background：url寫法扇雕，其他的background-*均不支持。
Paste_Image.png
解決上面demo中的圖片重復(fù)問題窥摄，可以在index.html中添加
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
就可以了镶奉。
