设置“远程管理(html)”时出现问题

发布网友 发布时间:2022-04-21 02:54

我来回答

5个回答

热心网友 时间:2022-06-17 14:44

这个是浏览器兼容的问题,可能原因:

浏览器的版本不同

跟分辨率也有关系,两天电脑的分辨率不同

这个是html网页,不用服务端交互的,是静态页面;所以根IIS没关系

关于css只要包含的路径没问题css加载正确,实质上css在网页内和外部都没关系的;(css放在外部比较符合代码规范,便于管理,如果css较多建议放在外边)

你这是css没做好浏览器兼容的问题,建议如果作网页就多下载几个浏览器

“怎么让网页能够放在任何地方都能正常打开呢?”要学好css,html和js;做好浏览器兼容


追问好吧,我错了,好像的确是兼容性的问题……
请问为什么会出现这个问题呢?

我明明是用同一台计算机上访问这个网页的啊,为什么远程计算机上的就不能正常显示呢?

追答这是两台机器,一个是你的电脑,一个是服务器

热心网友 时间:2022-06-17 14:44

远程电脑的IE版本和本地IE的版本不一样也会影响样式的显示效果

远程电脑的屏幕分辨率和本机电脑的不一样。在本地看远程的html,显示窗口会略小。

用不同的iE版本直接访问html ,减少因为ie版本问题而引起的问题。

热心网友 时间:2022-06-17 14:45

给你写了一下,测试没有问题

<!doctype html>
<html>
<head>
    <title>jQuery实现DIV层的收缩展开效果_网页代码站(
)</title>
    <script type="text/javascript" src="

    <style>
        /* 收缩展开效果 */
        .text {
            line-height: 22px;
            padding: 0 6px;
            color: #666;
        }

        .box h1 {
            padding-left: 10px;           
            font-weight: bold;
position:relative;
        }
.bg{
width:100%;
 height: 22px;
            line-height: 22px;
            background: #f1f1f1;
position:absolute;
z-index:-1;
}

        .box {
            position: relative;
            border: 1px solid #e7e7e7;
        }
    </style>
</head>
<body>
    <script type="text/javascript">
        // 收缩展开效果
        $(document).ready(function () {
            $(".box h1").toggle(function () {
                $(this).next(".text").animate({ height: 'toggle', opacity: 'toggle' }, "slow");
            }, function () {
                $(this).next(".text").animate({ height: 'toggle', opacity: 'toggle' }, "slow");
            });

$(".box h1 .bg").css("top",function(){
return ($(this).parent().height()/2 - $(this).height()/2)+"px";
});
        });
    </script>
    <!-- 收缩展开效果 -->
    <div class="box">
        <h1>
        <div class="bg"></div>
        收缩展开效果
        </h1>
        <div class="text">
            1<br />
            2<br />
            3<br />
            4<br />
            5<br />
        </div>
    </div>
    <br />

    <div class="box">
        <h1>        
        收缩展开效果
        <div class="bg"></div>
        </h1>
        <div class="text">
            1<br />
            2<br />
        </div>
    </div>
    <br />
    第一次运行请刷新一下页面。
    <br />

</body>
</html>

 

热心网友 时间:2022-06-17 14:45

个人感觉应该是你没有设置行高的原因,你看一下CSS中是否有这一项?追问.text {
line-height: 22px;
padding: 0 6px;
color: #666;
}

设置了行高呢,网页文件就在上面,要不你帮我检查一下吧?

追答我也是自学的,看这个现象好像是行高的问题,你的text是什么标签?

热心网友 时间:2022-06-17 14:46

这是兼容性的问题吧,远程访问的时候字明显被背景隐蔽了啊追问有可能,怎么解决呢?

追答以服务器为准,要么字体改小、要么背景加高,overflow:hidden;这个属性的意思是,把超出的给隐藏

声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com