【问题标题】:What needs to be configured so that the texts don't wrap?需要配置什么以使文本不换行?
【发布时间】:2017-03-31 06:56:09
【问题描述】:

我正在使用 WordPress 构建网站。尽管这些页面非常适合移动站点,但此特定页面显示非常拥挤。这是来自网站的页面 - http://www.cyberfosters.com/anspress/

如果您在此页面上使用 Chrome 浏览器单击 F12 并切换“设备模式”,您将看到它在移动设备上的显示方式,我正在浏览 CSS 文件以找出需要更改的内容,但我似乎无法发现。 我想要的是该页面应该像在网站上一样出现在移动设备上,但只是按比例缩小。

【问题讨论】:

  • 死链接,并且问题中没有足够的信息使其保持打开状态。投票结束 - 请始终在问题本身中提供足够的信息,这样就不需要链接。

标签: html css google-chrome-devtools mobile-browser


【解决方案1】:

我正在查看您的 html 和 css,问题似乎很简单,您的网站不是针对小型设备构建的,因为它使用 PX 和 % 中的宽度值的混合,设计必须设置为 % 才能工作在多个设备上很好,无需为手机和其他个人电脑使用特殊页面,这是我的建议。

例如,如果您将 1090 像素的图像放在 800 像素的屏幕分辨率上,它将无法正常工作,因此在这种情况下我们所做的就是将图像宽度值设置为 100%,依此类推,这样图像就可以轻松地自动调整大小。对表格图像 div 跨度等执行相同操作

【讨论】:

  • 这意味着我所要做的就是将值从 em/px 设置为 % ?那会解决它吗?
  • 我现在正在从 Xperia 上查看您的网站,几乎一切看起来都很好,唯一的问题是宽度在顶部菜单中,这必须是固定的外观 .ubermenu .ubermenu-submenu.ubermenu- submenu-id-375 { 宽度:300px;最小宽度:300px; }
  • 您确定将其视为移动网站而不是桌面网站吗?因为它在我的 MotoG 上搞砸了
  • 从我的 xperia M 和三星 S5 来看几乎可以正常工作,只是菜单看起来很糟糕。更改菜单的宽度,关闭 300px 并认真重写设计,您一遍又一遍地重复相同的 css 和 js 文件,并且可见的 CDATA 看起来不太好,您有超过 20 个 css 文件和 20 个 js 文件,所以小
猜你喜欢
  • 2011-01-12
  • 2013-05-27
  • 1970-01-01
  • 1970-01-01
  • 2011-08-06
  • 1970-01-01
  • 1970-01-01
  • 2021-06-30
  • 1970-01-01
相关资源
最近更新 更多