怎么让一个html网页能适应各种设备尺寸

您好 在1024768或者800600的分辨率下可以自动调整成适用于该客户端分辨率的大小。 第一种方法：做一个网页解决问题（长了点） 如果只是因为浏览者改变了浏览器的设置，或者因为浏览器不兼容，使自己精心制作的网页变得"面目全非"，那多令人沮丧！下面我们以网页爱好者的常用工具Dreamweaver（以下简称DW）为例，列出几个网页制作初学者较常见的网页布局问题以及解决方法，希望对初学者们有所帮助

通过JavaScript来判断访问的设备是电脑、还是手机、或者平板。

<script type="text/javascript">

        function browserRedirect() {

            var sUserAgent = navigatoruserAgenttoLowerCase();

            var bIsIpad = sUserAgentmatch(/ipad/i) == "ipad";

            var bIsIphoneOs = sUserAgentmatch(/iphone os/i) == "iphone os";

            var bIsMidp = sUserAgentmatch(/midp/i) == "midp";

            var bIsUc7 = sUserAgentmatch(/rv:1234/i) == "rv:1234";

            var bIsUc = sUserAgentmatch(/ucweb/i) == "ucweb";

            var bIsAndroid = sUserAgentmatch(/android/i) == "android";

            var bIsCE = sUserAgentmatch(/windows ce/i) == "windows ce";

            var bIsWM = sUserAgentmatch(/windows mobile/i) == "windows mobile";

            documentwriteln("您的浏览设备为：");

            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {

                documentwriteln("phone");

            } else {

                documentwriteln("pc");

            }

        }

        browserRedirect();

    </script>

在根据JavaScript的判断，在写对应的语句。

以上就是关于怎么让一个html网页能适应各种设备尺寸全部的内容，包括:怎么让一个html网页能适应各种设备尺寸、html网页移动设备访问时自动询问是否跳转手机版该怎么写呢、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！