CSS一行代码就可以解决第一个问题：
1.1 根据文字长度，自适应标签宽度
解决方法：把width的设置删掉，加一行代码 display:table;
.tag-footdetail{
/*width: 300px;*/
height: 40px;
font-size: 1.5rem;
line-height: 40px;
text-align: center;
border-radius: 15px;
border: 1px solid #D2B991;
float: left;
margin-right: 30px;
margin-bottom: 10px;
background-color: #D2B991;
color: black;
display:table;
}
1.2 根据文字长度，自适应标签高度
CSS中
height:auto;
display:inline-block;
2.Uncaught ReferenceError: xxx is not defined at HTMLDivElement.onclick
解决方法：
1）注意引用juery是否有错 对应的<script>行代码请认真检查
2）这其实是个很简单的问题，主要是注意xxx是否是个字符串，要不要加引号。
以下为例，value.id和value.name 都是需要加' '的，加上之后可以解决这个问题。
function renderFootData(data) {
$.each(data.result, function(index, value) {
var html = '<div class="tag" style="font-size:28px;" onclick="getfootid(\''+value.id+'\',\''+value.name+'\');">'
+ value.name
+ '</div>';
$("#foot-data-list").append($(html));
});
}