我该如何解决这个CSS问题?

时间:2016-05-21 20:45:56

标签: html css

我已经尝试解决这个问题,可能已经有一个多星期了,而且我不明白。

问题很容易描述我猜... 这是我的网站website

正如你所看到的一切看起来都不错但是如果你点击一个种子,一切都开始看起来很奇怪(页面的宽度)

此页面为例。 example

我该如何解决这个问题?请帮帮我..

截图:gyazo.com/d4576b4e4e4f5407c903bc0e4b3ba969              gyazo.com/bf927dfdba38c40efd1ee1e2723b6567

谢谢

2 个答案:

答案 0 :(得分:0)

经过测试,这似乎在inspect元素部分内有效。

导航至

body {
    background-color: #ffffff;
    background-image: url(../images/wallpaper_dark.jpg);
    color: #eaeaea;
    font-family: Calibri, Tahoma;
    font-size: 12px;
    margin: 20px auto 20px auto;
    line-height: 16px;
    padding: 0;
    text-align: left;
    width: 915px;
}

然后将width: 915px;替换为max-width: 915px; width: 100%;

enter image description here

对于顶部图像不能满刻度的问题,我想你可以做这样的事情。

background-image: url(/images/banner.jpg);
width: 100%;
cursor: pointer;
background-size: cover;
background-repeat: no-repeat;

将返回看起来像这样的内容。

enter image description here

这不是主题,但我建议您移动META标签

enter image description here

在您网站上的<html lang="sv_SE">部分下方,它看起来像。

<html lang="sv_SE">
<head style="height: 100%">
<meta charset="UTF-8">

而不是你现在如何拥有它。

<meta charset="UTF-8">
<meta charset="UTF-8">
<meta charset="UTF-8">
<meta charset="UTF-8">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html lang="sv_SE">
<head style="height: 100%">

答案 1 :(得分:0)

问题在于这个div paddingtop_20(它在div内部嵌入了很深的div#myElement)我会发布截图,但我没有足够的声誉。

问题是里面的文本没有空格来破坏文本,以便它可以进入下一行。你可以改变paddingtop_20上的css以获得最大宽度:[输入一些最大宽度]并设置overflow:scroll。否则,找一种打破里面文字的方法。