解决方案一：
p>首先需要在html页面的面上添加如下代码； viewport"，不懂的可以百度；content="，一些小模块可以使用固定规格； 元，
解决方案2：
建议大家在写之前先看看网上的教程或者案例，自己比较、研究。
建议：如果您是新手，否则会不适应屏幕尺寸。 只要你编译的html代码符合html5规则，html5就不会被转换。 我建议你看一下html5标签文档
解决方案3：
根据你之前的做法，最好调整成一个比例，这样最省事。
在html中，如果让背景图片按照屏幕尺寸填充屏幕，而不重复呢？
CSS3 支持，背景大小：封面
如何设置html页面自适应PC屏幕尺寸
使用媒体查询，参考bootstrap上面的设置css3自适应大小，或者直接使用bootstrap框架，根据浏览器的长度手动设置长度
媒体查询代码示例
@mediaonlyscreenand（最大宽度：500px）{
.gridmenu
宽度：100%；
.gridmain
宽度：100%；
.gridright{
宽度：100%；
如何设置网页适应各种手机的屏幕长度和尺寸？
在页面代码的底部，添加一行视口元标记。
viewport 是网页的默认长度和高度。 上一行代码的意思是网页长度默认等于屏幕长度（width=device-width），原始缩放比例一栏（initial-scale=1）为1.0，即初始尺寸网页的面积占屏幕面积的100%。
所有主流浏览器都支持此设置，包括IE9
不要使用绝对长度 因为网页会根据屏幕间距调整布局，所以不能使用绝对长度布局，也不能使用绝对长度的元素。 这一点非常重要。
只能指定比率长度
相对大小字体
字体也不能使用绝对大小 (px)，只能使用相对大小 (em)。
如何制作html5网站页面适应笔记本电脑和手机的规格
媒体查询句型：
@mediascreenand（最大宽度：960px）{...}
@mediascreenand（最大宽度：768px）{...}
@mediascreenand（最大宽度：320px）{...}
注意：1.媒体查询之间用冒号分隔； 2. 投影后，不存在与，也不存在任何特征/值组合。 没有后续的表达式，也就是说只要是投影，就满足条件。
@mediascreenand（最大设备宽度：400px）{...}
@importurl("~~.css")screenand(最大宽度:360px);
（@import方法会减少http请求，影响加载率。）
可以通过媒体查询来衡量的特征（用得最多的是设备的层长（width）和屏幕长度（device-width））：
宽度：层长
高度：层高
device-width：渲染面的厚度（设备屏幕的长度）
device-height：渲染面的高度（设备屏幕的高度）
方向：检测设备是纵向还是横向。
纵横比：基于层长度和高度的纵横比。 （16:9显示可以定义为宽高比：16/9）
device-aspect-ratio：与aspect-ratio类似，基于设备渲染平面间距和高度的长宽比。
颜色：每种颜色的位数。 示例：min-color: 16 将检查设备是否具有 16 位颜色。
color-index：色卡颜色索引表中颜色的数量。 值必须是非正数。
monochrom：检查单色帧缓冲区中使用的每个像素的位数。 值必须是非负整数。
分辨率：用于衡量屏幕或复印机的帧率，如min-resolution：300dpi。 也可以测量每分米的像素数，例如min-resolution：118dpcm。
scan：电视的扫描方式，该值可设置为progressive（逐行扫描）或interlace（隔行扫描）。 例如，720pp 表示逐行扫描。
grid：用于衡量输出设备是网格设备还是位图设备。
在上述所有功能中，除了扫描和网格之外，您都可以使用最小和最大前缀来创建查询范围。 例如：
@importurl("~~.css")screenand(最小宽度:200px)and(最大宽度:360px); 这样~~.css只会导入图层长度在200px到360px之间的显示设备。
在样式表的开头设置样式以容纳所有引用，然后使用媒体查询进一步重绘相应的部分。 例如，首先将导航链接设计为大图层的简单文本链接（用户大多数情况下使用键盘）； 然后对于较小的图层，使用媒体查询重绘这部分样式，为手指提供更大的点击区域。
使用多个独立的文件会减少http请求的数量。 建议将媒体查询样式添加到现有样式表中。 () 是最快放弃 IE8 及以下版本媒体查询支持的 js 工具。
阻止联通浏览器手动调整页面大小：
在 html 中插入标签。 标签中可以设置特定的长度（如px）或缩放比例列（如2.0设备实际规格的两倍）。 例如：
该标签还可以控制页面的可缩放范围。 下面的代码允许用户将页面放大到设备长度的 3 倍，并将其最小压缩到设备长度的一半。
您还可以严格禁止用户缩放，但缩放是一项重要的辅助功能，因此很少禁用它。 user-scalable=no 表示严格禁止缩放。
w3c正在尝试使用@viewport来声明，不需要添加进去，而是使用私有前缀，如@-o-viewport{width:320px}
不同层长的正确设计：
首先在css中降低平板设备的媒体查询css3自适应大小，值ipad图层长度为768px（垂直1024px）
@mediascreenand（最大宽度：768px）{
#包装器{
宽度：768px；
#页眉、#页脚、#nav{
宽度：748px；
=============================== 这只是笔记的一部分===========
推荐一本书《响应式网页设计：HTML5和CSS3实战》.pdf
html页面如何适应笔记本屏幕的长度？
<!－－functionredirectPage(){varurl800x600=〃index－ie.html〃;//定义两个页面，此处假定index－ex.html和1024－ie.html同change－ie.html在同一个目录下varurl1024x768=〃1024－ie.html〃;
if((screen.width==800)&&(screen.height==600))//这里添加screen.width和screen.height的值，以查看更多帧率 window.location.href=url800x600;
elseif((screen.width==1024)&&(screen.height==768))window.location.href=url1024x768;elsewindow.location.href=url800x600;}//－－> 稍后的最后加上onLoad=〃redirectPage()〃，同样，在和在它们之间添加如下代码，显示网页的工作信息： 企鹅号：上面973，中间454，前面两个零<!－－varw=screen.widthvarh=screen.heightdocument.write(〃系统已测量到您的码率为:〃);document.write(〃 〃）；
document.write(w＋〃×〃＋h);document.write(〃〃);document.write(〃正在进入页面转换，请稍候...〃);//－－>
如何在联通网使用各种手机调整桌面屏幕尺寸
只需设置width100%即可，并且在html的顶部，您需要设置
陌陌公众平台界面如何适配手机屏幕尺寸？
你搞错了~
用于移动浏览的网站必须使用符合 HTML5 规范的代码编写。 不支持传统网站制作的 HTML。 无论你如何调整长度，显示都会很小。
标签也需要使用HTML5标签吗？
是的，一开始确实是毁灭性的。
发表评论