html - 当我最小化我的网页时,一切都搞砸了

标签 html css

<分区>


关闭 7 年前

为了一个学校元素,我必须制作一个关于我自己的网页,网页是荷兰语的,还没有完成,但我做了很多,网页快完成了,唯一的问题是当我最小化我的页面上的所有内容(文本、照片、div、横幅等)都将位于另一个地方并进行其他测量。 专家能否观察并控制/纠正我做错的地方,以便我最终结束我的网站? 或者你能解释一下为什么会这样吗? 我会将我的网站附加到一个 zip 文件夹中。 <强> Here: http://www.filedropper.com/site_5 提前致谢。 PS:这不是我的真实站点,而是一个副本。在该文件夹中,您会找到照片、样式表和 html 代码。

最佳答案

  1. 使用 Normalize 或 Reset css 之类的东西,因为它在 IE/webkit/FF 上看起来不同
  2. 需要用到媒体查询(网上有很多好的教程),用的不多,只需要基本的断点,所以安排不合适的内容
  3. 您不能使用边距来定义主要内容区域,这就是为什么您的 margin-left/right 400px 会导致内容区域缩小。为内容使用 1120 像素的宽度(在全高清屏幕上,使用媒体查询以获得更小的分辨率)并为其指定 margin: 0 auto; - 它会将其对齐到 body 的中心
  4. 当你在按钮上使用调整大小效果时,确保你计算的值更大,这样在调整大小后按钮不会移动其他元素(你也可以找到这方面的教程)

关于html - 当我最小化我的网页时,一切都搞砸了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37199389/

上一篇:html - 当我缩小屏幕时,菜单中出现文字

下一篇:html - 视频导致 Firefox 滞后?

相关文章:

CSS - 将 Div 宽度设置为 100% 并调整大小以保持纵横比

html - 不倾斜父 div 的子 div

html <base> 不适用于 localhost 的 href

html - 表格边框重叠

javascript - 第一个子文本格式

javascript - 删除多行文本区域中特定字符后的所有字符

html - 我怎样才能将 div 置于带有 Bootstrap 类的其他 div 中?

javascript - 动态更改指向箭头以指向点击源

css - 如何将此 css 重写为 xpath

css - Ext JS 中的样式组合框字段