【问题标题】:Responsive design landscape issues响应式设计景观问题
【发布时间】:2014-09-23 08:14:03
【问题描述】:

我正在使用网站的响应式设计景观,但每次网站刷新或单击菜单时,它的 css 都不适用。仅在您第一次输入时在第一页上。我正在使用 wordpress 和一个名为 pinboard 的主题

网站:www.retorikgruppen.se

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

    .threefourthcol { width: 100%;  } 
    .threefourthcol .threecol { width: 100%; }  
    .fourcol, .onecol .fourcol { width: 100%; }  
    #wrapper {  max-width:100%; }   
    #slider .entry-container { top:28%; }   
    .threefourthcol .threecol .entry, .onecol .fourcol .entry, .fourcol .widget { margin: 5%; } 
    img.attachment-gallery-thumb {  max-width:82px; }   
    .twocol img.attachment-gallery-thumb {  max-width:74px; } 
    .single img.attachment-gallery-thumb {  max-width:100%; } 
    format-audio object { min-height:24px; }    
    .single .format-audio object { height:24px; } 
    .social-bookmarks iframe {  min-height:0; }     
    #sidebar-header {   width:468px; height:60px; margin-top:20px;  }  

}  

【问题讨论】:

  • 在 Chrome 和 Firefox 中运行网站。我没有看到任何问题。你能进一步描述你的问题吗?
  • 对不起,我的意思是当您使用手机时,当您在手机上刷新页面或点击菜单时,CSS 规则不起作用

标签: css mobile responsive-design


【解决方案1】:

尝试元标记“视口”。请参阅this link。我也遇到了同样的问题。

【讨论】:

  • Wordpress 已经解决了它:,但不起作用
  • 是的。我知道。尝试根据您的需要对其进行修改并查看更改。我在 iphone 上查看网站时遇到了同样的问题。我修改了这个,它工作了。
  • 如何修改?在css中找不到它
  • 寻找改变initial-scale的值。我已经改变了。我现在没有实际的代码。或者尝试删除该属性。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-06
  • 2016-07-02
  • 2020-03-19
  • 1970-01-01
  • 2013-10-28
相关资源
最近更新 更多