如何在浏览器中以html代码显示(回显)最大宽度:50%

如何在浏览器中以html代码显示(回显)最大宽度:50%,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,如何在样式值中回显该值,例如: style="max-width:50%;" 当我在浏览器中运行代码时,我希望在html页面中看到(最大宽度)中的值。我想在更改页面大小时查看它,以便轻松查看错误 当您检查页面时,这是在浏览器中实现的,但是在不打开检查器的情况下查看它很方便,因为当检查器窗口是可视的并且占用了太多的窗口空间时,很难看到值屏幕 我试图在这里找到一个解决办法,但没有成功 <!DOCTYPE html> <html> <head> <t

如何在样式值中回显该值,例如:

style="max-width:50%;"
当我在浏览器中运行代码时,我希望在html页面中看到(最大宽度)中的值。我想在更改页面大小时查看它,以便轻松查看错误

当您检查页面时,这是在浏览器中实现的,但是在不打开检查器的情况下查看它很方便,因为当检查器窗口是可视的并且占用了太多的窗口空间时,很难看到值屏幕

我试图在这里找到一个解决办法,但没有成功

<!DOCTYPE html>
<html>
<head>
    <title>paralyze website</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap.css" rel="stylesheet">
    <!--link href="css/styles.css" rel="stylesheet"-->
</head>
<body>
    <div class="navbar navbar-paralyze navbar-static-top">
    <div class="container">

        <div class="navbar-brand">
        <img style="max-width:50%; margin-top: 5px; margin-left: -7px;"
         src="pictures/paralyze-248x41.png" >

    </div>
<script type="text/javascript"></script>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">    
</script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

瘫痪网站


这张图片显示了我想要显示的值。不完全是我想要的,但是我想让你知道我想要显示什么值/数字。

附件无法打开,但是你可以使用jquery查询元素id或类的最大宽度值,或者使用css方法查询任何你想要的选择器

例如: 如果您有一个id为“xxx”的html,则可以执行以下操作:

$("#xxx").css("max-width");
如果应通过类值选择html元素,则使用:

$(".yourClassNameHere").css("max-width");

jQuery

$(window).resize(function(){
  $('.width').html($('img').width());
});
HTML

<div class="navbar navbar-paralyze navbar-static-top">
    <div class="container">
        <div class="navbar-brand">
            <p class="width"></p>
            <img style="max-width:50%; margin-top: 5px; margin-left: -7px;" src="http://paralyze.se/sizebrowser.png">
        </div>
    </div>
</div>


我不明白你的问题..那是什么?只需分离或移动检查器…谢谢,但是我应该如何在html代码中编写它,echo“$(“.yourclassname here”).css(“max width”);”还是?图片链接正在运行。如果你正在使用谷歌浏览器,只需打开控制台(F12),粘贴$(“.yourClassNameHere”).css(“最大宽度”);你会看到这个值(别忘了根据你的代码提供正确的类名或id)我不知道你想在哪里使用这个值,你想把它添加到html中吗?在html中的什么位置?好的,但我想在更改浏览器大小时实时显示它,我想让这些代码像在浏览器中一样更新,但用我自己的html代码更新。通过回声功能。非常感谢你放屁!,那正是我要找的东西!干杯