第一種嘗試，直接修改寬高屬性：
讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名注冊、雅安服務器托管、營銷軟件、網(wǎng)站建設、延慶網(wǎng)站維護、網(wǎng)站推廣。
直接把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的解決方案：
在網(wǎng)上搜到了一種采用純CSS實現(xiàn)高度與寬度成比例的效果的方法，大致的思路如下：
padding屬性，是可以用百分比進行設置的，這個百分比是相對于其父元素的寬度而言的，即使對于 padding-bottom 和 padding-top 也是如此。另外，在計算 Overflow 時，是將元素的內容區(qū)域（即 width / height 對應的區(qū)域）和 Padding 區(qū)域一起計算的。換句話說，即使將元素的 overflow 設置為 hidden，“溢出”到 Padding 區(qū)域的內容也會照常顯示。
綜合上面所述，我們可以使用 padding-bottom 來代替 height 來實現(xiàn)高度與寬度成比例的效果。因為視頻高度是其寬度的 83%（寬度：480，高度：400），所以我們將 padding-bottom 設置為寬度的 83%。同時將其 height 設置為 0 以使元素的“高度”等于 padding-bottom 的值，從而實現(xiàn)需要的效果。代碼如下：
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和移動端測試的時候，視頻都無法在網(wǎng)頁中顯示出來，故此方法放棄。
第三種嘗試，WordPress中一種視頻插件使用方案：
原理：在html語言里邊，高度（寬度）使用百分比的時候是有要求的，就是他的外層（父層）必須有一個指定的高度（寬度），這樣才可以得到這個百分比數(shù)。所以在外層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和移動端測試的時候，視頻都無法在網(wǎng)頁中顯示出來，故此方法放棄。
最后一種嘗試，采用腳本控制寬高比例的方案：
這也是最后采用的方案。由于是在博客編輯器里面編輯的內容，所以一直想通過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瀏覽器下顯示均正常，移動端測試也沒問題，唯一的遺憾就是沒有實現(xiàn)實時自適應，調整窗口寬度之后需要刷新，高度才能恢復到與寬同比例。
在主題中functions.php添加以下代碼就可以解決了。
function my_function_admin_bar(){
return false;
}
add_filter( 'show_admin_bar', 'my_function_admin_bar'); //去除頭部28px空白
最近經(jīng)常看到關于“如何做好產(chǎn)品內容營銷推廣”、“營銷策劃”、“營銷推廣方案怎么寫”、“營銷策劃和營銷推廣的區(qū)別”等相關的問題。實際上這些問題的道理都是一樣的，也都反映出大家并不是很了解網(wǎng)絡營銷，實際上根據(jù)“像揭秘魔術一樣解密網(wǎng)絡營銷”的作者“互聯(lián)網(wǎng)技術客”的《網(wǎng)絡營銷推廣技術、技巧深度解密》文檔里寫的那樣，這是一個有步驟、有方法的過程。
無論是你做網(wǎng)絡營銷方案還是直接推廣，你需要了解你的產(chǎn)品、營銷渠道、營銷方式等，具體為：
營銷產(chǎn)品種類
通過市場上常見的營銷產(chǎn)品類型和產(chǎn)品價格的調研，我這里對產(chǎn)品種類做了簡單的分類。（請讀者保留務必認真閱讀，便于后期營銷中的直接查閱、調取之用）
1.1 產(chǎn)品類型分類： ? ? ? ? ? ? ? ? ? 1.2 產(chǎn)品價格分類：
A 型：快消品? ? ? ? ? ? ? ? ? ? ? ? ? ?Z 型：免費贈送
B 型：虛擬產(chǎn)品? ? ? ? ? ? ? ? ? ? ? ? ?X 型：價格很低
C 型：門票、會議產(chǎn)品? ? ? ? ? ? ? ? ? ?M 型：價格低
D 型：健康相關產(chǎn)品? ? ? ? ? ? ? ? ? ? ?N 型：價格中等
E 型：兒童產(chǎn)品? ? ? ? ? ? ? ? ? ? ? ? ?P 型：價格高
F 型：特殊產(chǎn)品? ? ? ? ? ? ? ? ? ? ? ? ?O 型：價格超過
G 型：需求型產(chǎn)品? ? ? ? ? ? ? ? ? ? ? ?I 型： 同類型價格低
H 型：急需產(chǎn)品? ? ? ? ? ? ? ? ? ? ? ? ?U 型：同類型價格高
五種基礎網(wǎng)絡宣傳形式
通過網(wǎng)絡將營銷產(chǎn)品宣傳出去的形式（營銷形式）最基本的有以下五種：
V 型.文章營銷（以文字為主）
L 型.圖片營銷（以圖片為主）
J 型.視頻/短視頻營銷（以視頻為主）
Y 型.文章、圖片、視頻/短視頻多類型混合式營銷
T 型.授課營銷
七種網(wǎng)絡宣傳載體說明
網(wǎng)絡宣傳載體的含義就是你寫的文章、設計的圖片、視頻等想放在什么地方？一般為以下幾種：（流量低和知名度低的網(wǎng)站及其他不在我們討論的范圍內，因為根本沒有實際意義）
F1：高權重或知名度高可以以發(fā)布文章為主的網(wǎng)站
F2：高權重或知名度高可以以發(fā)布圖片為主的網(wǎng)站
F3：高權重或知名度高可以以發(fā)布視頻/短視頻為主的網(wǎng)站
F4：知名度高或流量巨大的移動端入口
F5：自建官方網(wǎng)站（含 PC 端或移動端）
F6：知名的電商開店鋪
F7：知名或流量大的授課網(wǎng)站
了解自己的產(chǎn)品是知己，掌握產(chǎn)品所對應的營銷渠道才能獲得精準的粉和有效果的推廣，有了渠道才能通過相應的宣傳載體進行推廣，這是一個科學的方式。
最后祝您能通過互聯(lián)網(wǎng)實現(xiàn)自己最初的那個夢，一定要堅持、一定要加油！
element-plus布局留白是一種設計技術，它可以讓網(wǎng)頁設計師在設計網(wǎng)頁時，利用空白空間來提升網(wǎng)頁的視覺效果。它可以使網(wǎng)頁更加簡潔、美觀，同時也可以提高用戶體驗。element-plus布局留白的原則是，在設計網(wǎng)頁時，要盡量保持空白空間，以使網(wǎng)頁更加簡潔、美觀。它可以使網(wǎng)頁元素更加緊湊，同時也可以讓用戶更加容易理解網(wǎng)頁的內容，從而提高用戶體驗。
重慶分公司
重慶分公司
