看着这一坨的东西就不想去看了，首先问问题要使用专业术语，
如果不会就要说得清楚一点，代码整理一下，这么乱是没有多少人会愿意去解答的。
你这些设置了可以缩放，一般情况下移动端的是这样的，
有时候还需加上这个：
至于你说的背景问题，你可以通过设置一个盒子为width：100%；height：100%；然后把图片放在这个盒子里面，然后设置图片自适应盒子（display:blockwidth:100%），然后在根据body标签来定位，这样它就是一张完美适应的背景图了。
这个其实不是wordpress的问题，而是css+javascript的问题
我临时写了一段，示意下大概思路供你参考：
<style type="text/css">
.article {
height: auto
background-color: gray
}
.hide-more {
height: 300px
overflow: hidden
}
</style>
<div class="article">
<p>
百度知道是一个基于搜索的互动式知识问答分享平台，于2005年6月21日发布，9年多来无数的芝麻在百度知道获取需要的答案，解决难题，而这些优质问题是从何而来呢？是我们的芝麻，友爱而勤劳的芝麻，想知道他们是怎么贡献那么多优质的回答吗？跟我一起走进答题的世界吧。
1.回答入口
◆ 点击“我要回答”按钮，通过关键词搜索出现的待完善问题
http://zhidao.baidu.com/uhome?type=recommend
</p>
<p>
◆ 首页关键词和分类问题推荐，为我推荐的问题
http://zhidao.baidu.com/
◆ 个人中心的“为我推荐的问题”
http://zhidao.baidu.com/uhome
</p>
<p>
◆ 分类列表下的问题
如：生活：http://zhidao.baidu.com/browse/80
</p>
<p>
◆ 个人中心栏目中“我关注的关键词”
http://zhidao.baidu.com/uhome?type=keyword#content
</p>
<p>
2. 回答问题
◆ 正式答题
http://zhidao.baidu.com/question/1818774949142356748.html?push=keyword
</p>
<p>
浏览问题页面时，您可以直接进行回答，将您仔细核实过，确保正确的答案输入进去，然后提交，就成功的回答了一个问题，而且对一个问题，您只能回答一次，不过对您回答的问题您还可以直接在原来的基础上修改哦。
</p>
<p>
另外百度知道提供了上传附件，加粗，标红，符号，编号，排版，图片，附件，地图等回答功能，善于结合和运用这些回答功能，让你的回答看上去与众不同，标新立异。
◆ 采纳提醒
在百度知道答题，回答被追问，回答被采纳，回答被屏蔽，回答被加密等问题是作为一个回答者必须密切关注的动态。所以请前往个人中心-设置-消息提醒，将消息动态提醒项目都勾选上，这样有动态提醒时会在百度知道页面右上角弹出窗口提示。
</p>
<p>
3.查看回答
到个人中心的“我的回答”进行查看
到您回答的问题所在的分类浏览查找
在页面顶端的搜索框输入您回答的问题的标题，或您的回答中包含的关键词，进行搜索
请注意您的回答不要违背“知道协议”的内容，否则回答将被编辑删除，并扣除10分，情节严重者,“知道”有权对其做出关闭部分权限、暂停直至删除其帐号等处罚
</p>
<p>
4.设置关注分类和关注关键词
设置自己擅长和喜欢的分类以及关键词，这样自己的主页系统会给您推荐您所关注的未解决问题,您回答题目的选择也会更多哦，直接在首页点击我关注的关键词，如果还未设置，系统就会提示设置关键词哦。
http://zhidao.baidu.com/
</p>
<p>
5.如何避免问答被删
要避免问答、评论被删除，请注意您的提问、回答或评论不违反“知道协议”，一旦违反，“知道”管理人员有权不提前通知用户直接删除，并不退回您为提问支付的任何费用，还将依照有关规定作相应处罚，情节严重者，“知道”有权对其做出关闭部分权限、暂停直至删除其帐号的处罚。
</p>
</div>
<script src="http://jokerliang.com/wp-includes/js/jquery/jquery.js?ver=1.12.4"></script>
<script>
(function( $ ) {
$('.article').on( 'click', function(){
$(this).toggleClass('hide-more') //点击后通过切换hide-more这个样式实现显示 还是 合拢
})
} )(jQuery)
</script>
