Iphone上的CSS Wordpress博客

-2

我正在使用這個WordPress博客http://www.taranmarlowjewelry.com/?page_id=7（在正常的網頁瀏覽器上看起來不錯）我試圖編輯CSS，所以它看起來不錯，在iPhone上...我在我的iPhone CSS文件中添加這些行Iphone上的CSS Wordpress博客

.wrapper{ 
    position:relative; 
    width:840px; 
    margin:0 auto; 
} 

.blog #page{ 
    width:840px !important; 
} 

.blog #main{ 
    width:840px !important; 
} 

.blog #primary { 
    width:220px !important; 
} 

.blog #content { 
    width: 220px !important; 
} 

.blog #secondary { 
    width:200px !important; 
    float:right !important; 
}

但博客和側邊欄這個頁面的寬度之間的巨大的空間過大，而我的家，大約頁面好看在840px寬的.wrapper;

這裏怎麼回事？

來源

2012-07-06 user979331

哇這些都是很多'！important'關鍵字！儘量少用... – TheZ 2012-07-06 20:29:52

nope，沒有做任何事情:(但謝謝TheZ – user979331 2012-07-06 20:34:57

這不是一個解決您的問題，只是對您的風格的評論。 – TheZ 2012-07-06 20:37:25

您是否嘗試過使用初始比例？

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

添加並相應地調整您的CSS。

來源

2012-07-06 20:47:38

謝謝Sean我會試試這個:) – user979331 2012-07-06 20:49:03

正確的方法是使用響應式主題，因此您應該爲所有幀格式包含base.css樣式表，然後爲每個新的幀格式添加樣式表。類似：

http://yourdomain.com/library/css/style.css'類型= '文本/ CSS' 媒介= '（最小寬度：481px）'/>

然後就可以使用該樣式表中的功能將更多樣式應用於更大的幀格式。骨頭主題（由可愛）是開始學習響應式網頁設計的好地方。

失敗 - 肖恩是正確的，從元視口設置開始，並從那裏調整。有iPad和iPhone的屏幕尺寸很大的答案在這裏iPad browser WIDTH & HEIGHT standard

安迪

來源

2012-07-06 21:50:05

Iphone上的CSS Wordpress博客

回答

相關問題