13518219792
先用JS 动态添加 表格，，
创新互联主营抚松网站建设的网络公司,主营网站建设方案,app软件定制开发,抚松h5小程序制作搭建,抚松网站营销推广欢迎抚松等地区企业咨询
在添加事件拉伸事件
在设置表格属性
表格里的内容 动态添加HTML控件 要用什么方式改就要看你用什么事件。。
什么事件，什么属性，，百度吧。。研究就会出来
HTML 结构
div id="footerSlideContainer"
div id="footerSlideNav" /div
div id="footerSlideContent" /div
/div
原理︰
1. 一开始 #footerSlideContent 拿取自身高度、然後 Dom ready 之後就把 height 设成 0 隐藏掉
2. 在 #footerSlideNav 是一个控制台，内容随便，没有特别，就是在里面设置一个 a id="showFooter" 的开关
3. 点击 #showFooter，#footerSlideContent 就会把高度用 animate 表现出来，做成 slide up 的效果
#footerSlideContainer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
JS 重点
var original_h = $('#footerSlideContent').height(); // 先拿取高度
$('#footerSlideContent').height(0); // 隐藏整个 Content
$('#showFooter').click(function(){
$('#footerSlideContent').animate({
'height' : original_h // 回复 footerSlideContent 的高度，用 animate 效果
});
});
其它的你应该懂的吧
2中方案
第一种，禁止横屏，如果横屏覆盖页面的渲染，提示请竖屏访问。
第二种，使用媒体查询重写样式（可能会有很多兼容性需要处理）
@media all and(orientation:landscape){
//重写各种样式
}
我以我多年的经验，以及对javascript的理解可以很负责任的告诉你不行。
不过你可以尝试用用 windows 下的 CSS 滤镜 试试看
给你思路，你自己实现：
因工作原因那个按钮或者其他，添加点击事件；
在外面定一个全局变量，用来记录使显示还是不显示；
点击事件中，判断显示变量；
如果是显示，用javascript/jquery，在本行下插入一行，并赋值，具体方法是，找到本td的父tr，在tr后追加html新的tr，并填充内容（例：可以用jquery的td:contains('xx').parent().append("tr td..."),在赋值内容$("#abc").val("xxxxxx");)；如果你的那行本身存在，那就更容易了，找到对应的那个tr，可以设置高度，并且还可以用jquery加一些动画效果slideDown 这类的，然后填充内容。
如果是不显示，找到对应新加的那行tr，hide或这直接删掉；或者变回原来那样，看自己需求。
总之就是，要会怎么拿td和tr。好多方法都可以，自己百度下吧。
楼主，这个我接触多了你试试我的.可以的话求采纳。
css:
.div1{width:100px;}//这个随意设置
.div1 img{width:100%;}
html:
div class="div1"img src="我的图片" //div
