WordPress的：移動視圖無法正常工作|使網站移動友好

-1

我有一個網上商店，基於wordpress，主題爲「Mystile」。WordPress的：移動視圖無法正常工作|使網站移動友好

我使用自己的HTML和CSS代碼創建了許多頁面，並且他們在計算機上，每個瀏覽器和顯示大小上看起來都非常好。但是主題的自動移動視圖非常顯示所有自編碼的東西。

例如：我想在主頁上放置一些圖片，它們放置在彼此之下，用一條簡單的線條。所以我使用了HTML代碼：

<div style="position: relative; bottom: 10px;">___________________________________________________________________________________________________________________</div>

該生產線具有完全正確的長度分離看起來不錯。但當然，網站的移動視圖的寬度遠遠小於桌面視圖，因此這條分隔線在智能手機上看起來很糟糕。

在其他主題移動視圖上，您可以明確地注意到已定義的視圖寬度，因此我的分隔線只顯示適合移動視圖的長度。在我目前的主題中，情況並非如此，移動視圖似乎只是整個網站的一種轉換，而不是一個明確定義的內容顯示框。

我真的堅持在這裏，因爲網站是完成編碼，它看起來非常好，在任何顯示器尺寸等電腦上。只有移動視圖是問題所在。

我該怎麼辦？

來源

2015-02-23 zander

你應該使用''

而不是所有的強調 – ByteHamster 2015-02-23 21:56:53

的是，一個div滿下劃線的？嘗試使用'

'代替。 – 2015-02-23 21:56:58

@Zander，你不應該用新的問題替換原來的問題。所有給出的答案現在都不相關，儘管他們解決了你的問題。我建議撤消編輯，並在新主題中提出新問題。接受解決您的問題的答案也可以幫助其他用戶。 – Berendschot 2015-02-23 22:12:35

而不是使用具有下劃線的div，您可以使用<hr/>標記。

在下面的示例中，您可以調整容器大小，並且該行始終爲100％寬度。你甚至可以使用CSS來設置線條的樣式。

div { 
 
    background: #F7F7F7; 
 
    border: 1px solid black; 
 
    padding: 24px; 
 
    overflow: auto; 
 
    resize: horizontal; 
 
    width: 200px; 
 
} 
 
img { 
 
    width: 100%; 
 
    height: auto; 
 
}

<div> 
 
    <img src="http://lorempixel.com/200/200"> 
 
    <hr/> 
 
    <img src="http://lorempixel.com/200/200"> 
 
</div>

來源

2015-02-23 22:00:44 Berendschot

WordPress的：移動視圖無法正常工作|使網站移動友好

回答

相關問題