第一种尝试，直接修改宽高属性：
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、雅安服务器托管、营销软件、网站建设、延庆网站维护、网站推广。
直接把embed中的width和height属性调整为百分比，代码如下：
divstyle="text-align: center;"
embedid="movie"src=""allowfullscreen="true"quality="high"width="90%"height="90%"align="middle"allowscriptaccess="always"type="application/x-shockwave-flash"/
/div
但是浏览器都不识别，宽度倒是自适应的，但是高度始终都在150px左右，如下图，显示效果不佳。
第二种尝试，纯CSS的解决方案：
在网上搜到了一种采用纯CSS实现高度与宽度成比例的效果的方法，大致的思路如下：
padding属性，是可以用百分比进行设置的，这个百分比是相对于其父元素的宽度而言的，即使对于 padding-bottom 和 padding-top 也是如此。另外，在计算 Overflow 时，是将元素的内容区域（即 width / height 对应的区域）和 Padding 区域一起计算的。换句话说，即使将元素的 overflow 设置为 hidden，“溢出”到 Padding 区域的内容也会照常显示。
综合上面所述，我们可以使用 padding-bottom 来代替 height 来实现高度与宽度成比例的效果。因为视频高度是其宽度的 83%（宽度：480，高度：400），所以我们将 padding-bottom 设置为宽度的 83%。同时将其 height 设置为 0 以使元素的“高度”等于 padding-bottom 的值，从而实现需要的效果。代码如下：
divstyle="text-align: center; width: 100%; padding-bottom: 83%; height: 0px;"
embedid="movie"src=""allowfullscreen="true"quality="high"width="90%"height="90%"align="middle"allowscriptaccess="always"type="application/x-shockwave-flash"/
/div
测试结果：QQ浏览器正常显示，但是火狐浏览器、Chrome浏览器、IE和移动端测试的时候，视频都无法在网页中显示出来，故此方法放弃。
第三种尝试，WordPress中一种视频插件使用方案：
原理：在html语言里边，高度（宽度）使用百分比的时候是有要求的，就是他的外层（父层）必须有一个指定的高度（宽度），这样才可以得到这个百分比数。所以在外层div中设置百分比宽度和高度，然后再在embed中使用百分比宽度和高度。代码如下：
divstyle="text-align: center; width: 100%; height: 80%;"
embedid="movie"src=""allowfullscreen="true"quality="high"width="90%"height="90%"align="middle"allowscriptaccess="always"type="application/x-shockwave-flash"/
/div
测试结果：QQ浏览器正常显示，但是火狐浏览器、Chrome浏览器、IE和移动端测试的时候，视频都无法在网页中显示出来，故此方法放弃。
最后一种尝试，采用脚本控制宽高比例的方案：
这也是最后采用的方案。由于是在博客编辑器里面编辑的内容，所以一直想通过CSS的方法来解决，可是上面的方式都有明显的缺陷，最终被迫采用脚本来控制列的高度，代码如下：
divstyle="text-align: center;"
embedid="movie"src=""allowfullscreen="true"quality="high"width="90%"align="middle"allowscriptaccess="always"type="application/x-shockwave-flash"/
/div
scripttype="text/javascript"document.getElementById("movie").style.height=document.getElementById("movie").scrollWidth*0.8+"px"/script
测试了一下，火狐浏览器、QQ浏览器和Chrome浏览器下显示均正常，移动端测试也没问题，唯一的遗憾就是没有实现实时自适应，调整窗口宽度之后需要刷新，高度才能恢复到与宽同比例。
在主题中functions.php添加以下代码就可以解决了。
function my_function_admin_bar(){
return false;
}
add_filter( 'show_admin_bar', 'my_function_admin_bar'); //去除头部28px空白
最近经常看到关于“如何做好产品内容营销推广”、“营销策划”、“营销推广方案怎么写”、“营销策划和营销推广的区别”等相关的问题。实际上这些问题的道理都是一样的，也都反映出大家并不是很了解网络营销，实际上根据“像揭秘魔术一样解密网络营销”的作者“互联网技术客”的《网络营销推广技术、技巧深度解密》文档里写的那样，这是一个有步骤、有方法的过程。
无论是你做网络营销方案还是直接推广，你需要了解你的产品、营销渠道、营销方式等，具体为：
营销产品种类
通过市场上常见的营销产品类型和产品价格的调研，我这里对产品种类做了简单的分类。（请读者保留务必认真阅读，便于后期营销中的直接查阅、调取之用）
1.1 产品类型分类： 1.2 产品价格分类：
A 型：快消品 Z 型：免费赠送
B 型：虚拟产品 X 型：价格很低
C 型：门票、会议产品 M 型：价格低
D 型：健康相关产品 N 型：价格中等
E 型：儿童产品 P 型：价格高
F 型：特殊产品 O 型：价格超过
G 型：需求型产品 I 型： 同类型价格低
H 型：急需产品 U 型：同类型价格高
五种基础网络宣传形式
通过网络将营销产品宣传出去的形式（营销形式）最基本的有以下五种：
V 型.文章营销（以文字为主）
L 型.图片营销（以图片为主）
J 型.视频/短视频营销（以视频为主）
Y 型.文章、图片、视频/短视频多类型混合式营销
T 型.授课营销
七种网络宣传载体说明
网络宣传载体的含义就是你写的文章、设计的图片、视频等想放在什么地方？一般为以下几种：（流量低和知名度低的网站及其他不在我们讨论的范围内，因为根本没有实际意义）
F1：高权重或知名度高可以以发布文章为主的网站
F2：高权重或知名度高可以以发布图片为主的网站
F3：高权重或知名度高可以以发布视频/短视频为主的网站
F4：知名度高或流量巨大的移动端入口
F5：自建官方网站（含 PC 端或移动端）
F6：知名的电商开店铺
F7：知名或流量大的授课网站
了解自己的产品是知己，掌握产品所对应的营销渠道才能获得精准的粉和有效果的推广，有了渠道才能通过相应的宣传载体进行推广，这是一个科学的方式。
最后祝您能通过互联网实现自己最初的那个梦，一定要坚持、一定要加油！
element-plus布局留白是一种设计技术，它可以让网页设计师在设计网页时，利用空白空间来提升网页的视觉效果。它可以使网页更加简洁、美观，同时也可以提高用户体验。element-plus布局留白的原则是，在设计网页时，要尽量保持空白空间，以使网页更加简洁、美观。它可以使网页元素更加紧凑，同时也可以让用户更加容易理解网页的内容，从而提高用户体验。
重庆分公司
重庆分公司
