html作业怎么在不同尺寸的电脑都显示的是一样的

html-css013

html作业怎么在不同尺寸的电脑都显示的是一样的,第1张

你好，可以设计一个自适应网页。html作业我们会发现很多时候，在不同的显示设备上，其尺寸是不同的，这是因为各个设备的分辨率不一样，有大有小，导致了显示出来有 差异。如何解决呢？就是通过设计一个自适应网页，通过这个网页，html作业可以自动适应各个设备进行调整。何为自适应网页呢，它指可以自动识别屏幕宽度、并做出相应调整的网页设计。所以通过设计一个自适应网页就可以解决html作业在不同尺寸电脑显示出来不一样的问题

1、首先打开学习通，点击右下角的我。

2、其次进入个人页面，点击课程。

3、最后进入课程页面，点击进入需要交作业的课程。学习通是由北京世纪超星信息技术发展有限责任公司于2016年开发的一款集移动教学、移动学习、移动阅读、移动社交为一体的免费应用程序，仅支移动端。

window.onload = function () {

    //读取cookie，并赋值

    document.getElementById("txtContent").value = getCookie("txtContent")

    //每十秒将内容存至cookie

    setInterval(setToCookie, 10000)

}

//根据名称取cookie的值

function getCookie(name) {

    var strCookie = document.cookie

    var arrCookie = strCookie.split(" ")

    for (var i = 0 i < arrCookie.length i++) {

        var arr = arrCookie[i].split("=")

        if (arr[0] == name) {

            return unescape(arr[1])

        }

    }

    return ""

}

//将内容存至cookie

function setToCookie() {

    document.cookie = "txtContent=" + escape(document.getElementById("txtContent").value)

}

//显示文本

function showTxt() {

    document.getElementById("showDiv").innerHTML = document.getElementById("txtContent").value

    document.getElementById("txtContent").value = "" //清空

    deleteCookie("txtContent")

}

//删除cookie

function deleteCookie(name) {

    var date = new Date()

    //设定到期时间，小于当前时间，即失效，即是删除

    date.setTime(date.getTime() - 10000)

    document.cookie = name + "=v expires=" + date.toGMTString()

} <textarea id="txtContent" rows="10" cols="50"></textarea>

<br/>

<input type="button" onclick="showTxt()" value="显示"/>

<div id="showDiv"></div>

PS：

  需要部署在IIS上，才能正常写入，直接存在HTML，并打开不会生效

  因为没有设定cookie失效时间，默认为关闭浏览器即失效

  所以读取效果，只在页面刷新时体现