【问题标题】:Website is untidy when resolution is resize [closed]调整分辨率时网站不整洁[关闭]
【发布时间】:2014-09-01 00:13:29
【问题描述】:

我一周前创建了这个网站http://kaizer.xayo.net/home.php

每次我调整大小或在另一台计算机上尝试时,布局都是不整齐的

我昨天一直在寻找我的解决方案,但仍然无法弄清楚如何解决它。 很抱歉,我知道这是一个基本问题,我只是 css 和 html 和 php 的新手。

【问题讨论】:

  • 查看引导响应模板,例如 startbootstrap.com
  • 在google上搜索响应式设计,很多人都可以解释如何创建一个针对不同分辨率的网站。
  • 感谢您的回复。
  • 看看 CSS 媒体查询。当缩小尺寸并且设计中断时,您可以添加断点,并设置不同的样式。
  • 这个问题缺乏足够的信息来诊断问题。请包括relevant parts of the code 并具体说明您要完成的工作以及您的结果与预期结果有何不同(与“布局不整洁”等模糊的主观术语相反)。包括您收到的任何错误消息。请阅读关于提出好问题的建议:How to AskWriting the perfect question。请特别注意“黄金法则”,但我强烈建议您阅读整篇文章。

标签: php html css


【解决方案1】:

您正在寻找的是响应式设计。通过 HTML/CSS 有不同的方法来做到这一点

首先,阅读 CSS 媒体查询,然后尝试一些已建立的框架,例如 Bootstrap。

这里有一些链接:

  1. CSS media queries
  2. Bootstrap

【讨论】:

    【解决方案2】:

    您正在寻找的是响应式设计,最初您可以使用% 代替px 并在% 不起作用的情况下使用em。 本质上,您可以使用 bootstrapfoundation 等前端设计框架来轻松构建响应式设计,但目前我不会向您推荐这个。形成我所学到的永远不要让你的演讲自动化,除非你在紧迫的期限内或者你是专业人士,因为作为初学者,最好先学习核心内容,然后转向自动化以使事情变得更快。

    【讨论】:

      猜你喜欢
      • 2011-04-10
      • 2013-07-28
      • 2016-08-20
      • 2017-07-27
      • 2017-10-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多