Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 无法调整boostrap列上的图像大小_Html_Css_Image_Resize - Fatal编程技术网

Html 无法调整boostrap列上的图像大小

Html 无法调整boostrap列上的图像大小,html,css,image,resize,Html,Css,Image,Resize,因此,我对HTML/CSS非常陌生,我正在从CodeAcademy学习这一课,并尝试复制这一课: 问题是,我不能使中间的那些图像看起来更大,它们很小,我不知道如何调整它们。 以下是我的版本: 阅读 发现新故事,追随你最喜欢的作家 写 创造关于我们的世界或全新世界的故事 谈话 通过与您喜爱的读者和粉丝交谈,加入对话 在css中,您有: .row img { position: relative; float: left; max-width: 35px; ma

因此,我对HTML/CSS非常陌生,我正在从CodeAcademy学习这一课,并尝试复制这一课:

问题是,我不能使中间的那些图像看起来更大,它们很小,我不知道如何调整它们。

以下是我的版本:


阅读
发现新故事,追随你最喜欢的作家

写 创造关于我们的世界或全新世界的故事

谈话 通过与您喜爱的读者和粉丝交谈,加入对话

在css中,您有:

.row img
{
    position: relative;

    float: left;

    max-width: 35px;
    max-height: 35px;
}

这限制了您的图像大小

我假设您这样做是为了限制页面上的其他内容。这笔划有点太宽了。你应该指定你想要约束它的元素的ID或类,然后具体地约束它。不要觉得愚蠢,这只是学习的一部分。关于你的帖子,最好的事情是你记录了它,并为我们创建了一个例子来帮助你。是的!这是导航栏上的徽标,非常感谢您提供的提示。非常感谢。因此,将img改为.logo,并将.logo作为一个类添加到您的元素中。您将使用类而不是ID,因为您可能会在同一页上再次使用该类。我需要与众不同再次感谢你,在我不断进步的学习过程中,一定要记住这一点。
.row img
{
    position: relative;

    float: left;

    max-width: 35px;
    max-height: 35px;
}