【问题标题】:Site not displaying in mobile devices correctly网站未在移动设备中正确显示
【发布时间】:2014-07-06 04:35:47
【问题描述】:

这是我的网站。 http://losroblesrestaurant.com.ar/index7b.php。当显示在手机上时,菜单不适合屏幕。我需要以 347 像素的宽度查看它。我已经尝试过媒体查询和视口,但它似乎不起作用。

我试过了

<meta name="viewport" content="width=700, user-scalable=no"> 
<meta name="viewport" content="width=80%, user-scalable=no"> and
<meta name="viewport" content="width=device-width, user-scalable=no">

没有任何区别

我不允许发布图片,所以请检查:http://losroblesrestaurant.com.ar/images/iphone-problem.jpg

手机的密码有

body{min-width:347px;}

【问题讨论】:

  • 在这里显示你的代码和你的媒体查询,我们不应该离开stackoverflow来查看你的问题,至少提供一个jsfiddle
  • 哼...到底是什么问题?你能分享一些我们可以修复的代码吗?
  • 好的,抱歉,这是我的第一个问题。我需要一个 347 像素的宽度(而不是之前所说的 572 像素)来适应屏幕,没有水平滚动条。对于宽度
  • 编辑您的问题并发布相关代码,而不仅仅是部分行。最好在需要时放置比需要的多一点而不是仅放置少量。有时需要全部图片才能找到问题:)

标签: css media-queries viewport


【解决方案1】:

编辑:

您在 .inner 上设置了固定的最小宽度。您需要将其删除。

.inner-blanco 上的宽度也为 990 像素。将其更改为 100%。

【讨论】:

  • 我试过了,但它不起作用,它显示同样的东西
  • 对不起,我写错了元素名称。我对其进行了编辑以反映正确的名称。
  • 我在 telefono.css 中为 minwidth:700px 覆盖了这个,但仍然不起作用。
  • 您需要完全删除最小宽度。如果将其设置为 700px,它将是 700px 而不是 347px。如果您需要进一步的帮助但仍然不明白,请发布一些更新的代码
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-03-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-12-25
  • 2015-07-14
相关资源
最近更新 更多