重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
第一种尝试,直接修改宽高属性:
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册、雅安服务器托管、营销软件、网站建设、延庆网站维护、网站推广。
直接把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布局留白的原则是,在设计网页时,要尽量保持空白空间,以使网页更加简洁、美观。它可以使网页元素更加紧凑,同时也可以让用户更加容易理解网页的内容,从而提高用户体验。