【问题标题】:Change the height propriety on a live website?更改实时网站上的高度属性?
【发布时间】:2016-06-22 07:57:59
【问题描述】:

我正在尝试使用 Google Chrome 中的内置检查器工具来操作网站 http://www.di.se(因为它可能是我在流行网站上见过的最多的 @ 布局之一),每天约有 300 000 名访问者。

它似乎主要是用三个 HTML 框架标签构建的,名称分别为:historyFrame、headerFrame 和 contentFrame。我可以删除覆盖大部分视图的 headerFrame。但是,我不知道如何更改 contentFrame 的大小以使其覆盖整个屏幕。

我尝试添加一个 CSS 高度属性,但它似乎没有改变任何东西。如果这是可以解决的,我将非常感激,其他 300000 名用户也将如此:) 谢谢!

【问题讨论】:

    标签: html css web-inspector


    【解决方案1】:

    frameset 是您删除的框架的父级,它指定每个框架的高度,当前为 rows="0,210,*"。因此,如果您删除标题框架,内容框架将成为第二个框架并获得 210 的高度。通过将此属性更改为 0,* 应该可以解决问题。

    但是,我无法在 Chrome 的工具包中修改此属性。也许这是 Chrome 开发者工具的限制。毕竟框架是旧的(甚至从 HTML5 中删除),所以可能他们没有太注意支持它。

    请注意,顶部框架包含可能为网站付费的广告。如果你得到这个工作并且所有 300.000 用户都会使用你的解决方案,那么该站点可能会抓住存在,并且你有 300.000 不满意的用户。所以在你这样做之前要三思而后行。

    【讨论】:

    • 感谢您的回复,您对广告的看法是绝对正确的。我只是没有看到它,因为我安装了 adblock :) 我无法更改行属性 ether。然后我会尝试使用其他浏览器或检查器工具包。
    • @GolezTrol,我喜欢你看待事物的方式。有时我会退出来提供答案而不是考虑后果。
    【解决方案2】:

    你可以这样做:

    先删除第一个Frame(header)

    并修改:

    来自:

    rows=".260,*"
    

    收件人:

    rows="1,*"
    

    所以你只有你想要的帧,没有无用的数据,你想要的帧占据了 100% 的屏幕。

    【讨论】:

    • 谢谢!但由于某种原因,我无法修改该代码。也许它与前面答案中提到的 Chrome 的工具包有关?
    • Firefox 做得很好:通过右键单击检查元素,转到第一帧头节点删除它并修改给定的属性。我用firefox测试过
    猜你喜欢
    • 2015-11-05
    • 2023-04-01
    • 2023-03-20
    • 1970-01-01
    • 1970-01-01
    • 2023-03-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多