wordpress 手機端首頁不固定,左右移動/晃動,CSS 修復這一問題

特別聲明:文章多為網絡轉載,資源使用一般不提供任何幫助,特殊資源除外,如有侵權請聯繫!

本文共433個字,預計閱讀時間需要2分鐘。


320印象,用的vieu主題。

已知問題

其實這個問題存在很久了,我一直沒有重視。話語描述起來比較複雜,我們還是直接看動圖吧~

wordpress 手機端首頁不固定,左右移動/晃動,CSS 修復這一問題

 

電腦端F12 手機時是這樣,真正在手機上瀏覽時體驗會更糟糕。

wordpress 手機端首頁不固定,左右移動/晃動,CSS 修復這一問題

來自群友的奉勸

 

問題探究

在一番研究之下,我發現這個情況出現在Vieu主題的首頁焦點圖樣式是經典的情況,而在企業展示模式下是固定的,完全正常。

wordpress 手機端首頁不固定,左右移動/晃動,CSS 修復這一問題

 

解決方法

作為一個小白,改源碼是不可能改的。但是分析了一下這個情況發生的原因是,這種布局時,頁面的左右兩端有空隙,所以才可以自由晃動。

那麼解決方法也就來,只要把兩邊空隙給堵住不就好了。於是我就用了 margin 限制了頁面範圍,代碼如下:

/*修復左右晃動www.320nle.com*/
html {
    margin: 0 5px;
}

 

margin: 0 5px; 意思左右外邊距為 5px; 而上下外邊距為 0px。這個方法也適用於其他主題。

將上述代碼添加到主題設置的自定義樣式CSS中即可。

wordpress 手機端首頁不固定,左右移動/晃動,CSS 修復這一問題

 

好了這次教程就到這裡,

如果以上還不能解決,可以在評論區留言。

我們下次見。

 

本文最後更新於2019年10月13日,已超過 2 個月沒更新!

本文首發於320印象,歡迎轉載,但是必須保留本文的署名320印象(包含鏈接)。如您有任何商業合作或者授權方面的協商,請給我留言:admin@mail.320nle.com作者:靜海流沙, 轉載或複製請以 超鏈接形式 並註明出處 320印象
原文地址:《wordpress 手機端首頁不固定,左右移動/晃動,CSS 修復這一問題》 發佈於2019-10-13

分享到:
贊(1) 打賞
您閱讀這篇文章共花了: 0小時00分00秒

評論 搶沙發

7 + 4 =


請作者喝杯飲料吧~

支付寶掃一掃打賞

微信掃一掃打賞

Vieu4.0主題
專業打造輕量級個人企業風格博客主題!專註於前端開發,全站響應式布局自適應模板。

登錄

忘記密碼 ?

您也可以使用第三方帳號快捷登錄

Q Q 登 錄
微 博 登 錄