零基礎創(chuàng)作專業(yè)wordpress網(wǎng)站07-制作主頁（手機端）
時間：2022-08-14 21:06:01 | 來源：網(wǎng)站運營
時間：2022-08-14 21:06:01 來源：網(wǎng)站運營
上節(jié)課，我們完成了桌面主頁頁面的構建，這里保存所有的更改，然后來到網(wǎng)站的前臺，刷新這個頁面,
我們發(fā)現(xiàn)當寬度縮小到手機寬度時，視頻并沒有加載，因為這是在手機的模式下，在非常小的屏幕下，視頻是沒有正常工作的。它和桌面的情況用的不是同一種技術，所以在手機狀態(tài)下，這個效果是沒有的。
為了解決這個問題，我們需要做一個備用的圖片，即使在加載不出Youtube視頻的情況下，也能從我們自己的服務器中加載一張正常的圖片：
再來到網(wǎng)站的前臺，試一試手機的大?。海▓D片正常加載哦），這就相當于任何情況下，保證圖片的加載沒問題。
看起來不錯。
但是菜單和文字的間距過?。?br>
所以，來修改手機上的顯示效果：
確保選中的是手機，解除內距一致的限制，修改頂部距離為100：
這樣，這個修改就只會在手機的屏幕中顯現(xiàn)出來。
更新，并來到網(wǎng)站的前臺，切換到手機的寬度，這時的效果還是不錯的。
但是這個按鈕還是有些不好看：
我們把它變?yōu)橐恍校?br>
來到網(wǎng)站的前臺，看看手機的效果，現(xiàn)在我們的網(wǎng)站就是完全的手機友好的。
整體概覽一下，整個網(wǎng)站看起來非常漂亮干凈，不管是桌面黑市手機都可以完美的顯示，這樣，我們的主頁就添加好了/
在線咨詢