基本上我有this site，它在我的所有瀏覽器上顯示正常，在線工具可以檢查，但我老闆的平板電腦在頁腳中呈現奇數行。在老闆的平板電腦上顯示細條紋

它的只有老闆的平板電腦，包括我的iPad，Windows Phone，筆記本電腦和桌面在內的所有其他瀏覽器都能正確顯示它以及多個模擬器。

我已經玩過邊緣了，沒什麼;沒有國界可言。

這讓我很難過，我已經這麼做了十多年。爲什麼它必須在他的機器上！？

在檢查器/調試器中玩耍。

（不能發佈圖片只是還沒有 - 沒有足夠的代表）

來源

2015-02-10 Quin

有你的。家裏。內容文章的無邊框，底部：第一子選擇 – 2015-02-10 11:31:31

除了是在主頁上，內容部分中，併爲只有第一篇文章。我正在處理頁腳，並且該樣式不適用。我真的希望我可以發佈圖像。 – Quin 2015-02-10 11:43:08

風格是正確的。但是，您必須使其可用於窗口寬度767px或更低。使用最大寬度的媒體查詢：767px – 2015-02-10 11:46:13

在您的文件template.css，看看線422在那裏說

.home .content article:first-child { border-left:0; border-right:0; border-bottom:.1em solid #ccc; }

與

替換它

.home .content article:first-child { border-left:0; border-right:0; border-bottom: 0; }

參考圖片

Reference Image

UPDATE

我注意到，在屏幕大小768或更小，您要添加邊框底部爲同一類

.home .content article:first-child

在您的文件template.css ，看看line 425它說

@media only screen and (max-width: 768px) {

與

@media only screen and (max-width: 768px){ 
    .home .content article:first-child { 
     border-left: 0; 
     border-right: 0; 
     border-bottom: .1em solid #ccc; 
}

參考圖片更換它

max-wdith: 768

所以，你現在已經從@media查詢1024去除邊框底部性質，並補充說財產@media查詢768

這應該做的伎倆。

來源

2015-02-10 11:21:14 NMindz

這是針對內容的文章 - 從字面上看，它僅適用於主頁上的第一篇文章，沒有別的。我遇到的問題是頁腳，只有一個缺口。 – Quin 2015-02-10 11:44:39

我更新了我的答案 – NMindz 2015-02-10 11:46:22

仍然適用。 768px沒有第二個border-bottom。 – Quin 2015-02-10 11:50:07

這是你所指的那條線嗎？如果是，請媒體查詢max-width: 767px; enter image description here

來源

2015-02-10 11:56:36

參考我的回答，它已經解釋過，並且不需要將1024寬度替換爲768，因爲樣式表單獨包含兩個寬度。 – NMindz 2015-02-10 11:59:49

不，它不是。我知道這個bug，主要是在Safari中 - 而不是「優先級」。 – Quin 2015-02-10 12:01:16

您能否將圖像郵寄至[email protected]？ – 2015-02-10 12:03:36

在老闆的平板電腦上顯示細條紋

回答

UPDATE

相關問題