webview 中使用css适配简单的页面

在加载webview时遇到表情（字母和数字）超出一行但是却不换行的情况，用word-wrap:break-word;解决

                      "<style type=\"text/css\"> img {" +  

                      "width:100%;" +//限定图片宽度填充屏幕  

                      "height:auto;" +//限定图片高度自动  

                      "}" +  

                      "body {" +  

                      "margin-right:15px;" +//限定网页中的文字右边距为15px(可根据实际需要进行行管屏幕适配操作)  

                      "margin-left:15px;" +//限定网页中的文字左边距为15px(可根据实际需要进行行管屏幕适配操作)  

                      "margin-top:15px;" +//限定网页中的文字上边距为15px(可根据实际需要进行行管屏幕适配操作)  

                      "font-size:40px;" +//限定网页中文字的大小为40px,请务必根据各种屏幕分辨率进行适配更改  

 
                     //允许自动换行(汉字网页应该不需要这一属性,这个用来强制英文单词换行,类似于word/wps中的西文换行) 

                      "word-wrap:break-word;"+

                      "}" +  

                      "</style>";
 

遇到这个换行这个问题是在安卓6.0以上的版本才有，机型有限，在OPPO和魅族上有这个问题

可以参考  http://blog.csdn.net/SoulOfAndroid/article/details/47701805