如果您想在浏览器中查看网站的H5尺寸效果，可以通过浏览器的缩放功能来实现。
专注于为中小企业提供成都网站设计、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业丰南免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上1000家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
浏览器页面缩小的方法如下：用手指按住电脑键盘的CTRL键，然后滚动鼠标中间的滑轮，就可以进行页面的缩放了。同样是按住CTRL键，同时需要用右手手指按键盘右上角的加号或者减号键进行缩放。
方法一：打开360安全浏览器。在360安全浏览器菜单栏点击【查看】——【网页缩放】，鼠标移动至“网页缩放”选项后，自动弹出的显示列表里选择页面缩放比例。如图所示。
css已设置width100% 宽度没有占满浏览器是设置错误造成的，解决方法为：首先需要新建一个html文件，命名为test.html。接下来在test.html文件内，使用div创建一个模块，下面将对该div进行样式设置。
设计器的布局排版，不用看，因为浏览器真正显示的一般都与设计器中的布局不一致。width 属性只适用于 input type=image，它规定 image input 的宽度。
因为你的top1的宽度是1200px，而你的浏览器在缩小后，整体宽度比1200要窄，浏览器下方是肯定会有横向滚动条的。所以，如果你想让他缩小后仍然没有滚动条，就把他的宽度1200px，改为百分比。定能药到病除。
这种情况一般是由于svg中设定的画布的宽度和高度是百分比（通常是100%），这样在html中就会以一个默认的、固定的宽度和高度（300*150）来显示。
目前来讲html不具备获取浏览器宽度的能力。
获取浏览器可视区域的宽高，宽度：document.documentElement.clientWidth 高度：document.documentElement.clientHeight 要标题栏那些宽高有啥用呢，要全屏的话js也可以获取整个屏幕的大小。
任务栏高/宽度 ： 可通过屏幕高/宽度 减去 屏幕可用高/宽度得出。如：任务栏高度 = screen.height - screen.availHeight 。window.outerHeight ： 浏览器高度。window.outerWidth ： 浏览器宽度。
直接设置选择标记的宽度。首先，在文件中创建一个新的HTML文件和两个select下拉列表 然后在顶部的head标记中设置样式表。首先，设置第一个选择标记的宽度。
1、可以用JS监控屏幕大小，然后调整Canvas的大小。
2、html5中是通过css3的background-size来控制自适应的。
3、手机的屏幕比较小，宽度通常在600像素以下， PC的屏幕宽度，一般都在1000像素以上(目前主流宽度是1366×768)，有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。
4、style=width：50%/ 这样就会保持屏幕的50%的宽度。