html自适应怎么做 有高手吗(如何设置html自适应屏幕大小)

html自适应怎么做 有高手吗


对html布局而言,传统的960px『或者鄙人常用的980px』宽度在大分辨率显示上显示时左右两边则会留下富余的空白空间,当分辨率达到23寸的1920px时传统的980px宽度网页布局则意味着显示器上的一半宽度的位置被闲置......
考虑到17寸非主流脑残显示器依然占有不少的份额,同时为大分辨率显示器做适当的适配,一种网页宽度自适应布局应运而生,宽度自适应仅仅指pc端的宽度自适应。
理论基点:
1、最小尺寸分辨率1024*768(传统17寸显示器),则可以采用940px、960px、或者鄙人常用的

如何设置html自适应屏幕大小


给每个div设置的是百分比宽就可以了。
还有什么不懂可以追问。

解决方案1:
p>  首先你要在html页面头部加上下面的代码;viewport,不懂可以百度;content=,一些小的模块可以用固定尺寸;meta , name=。再就是css中要应用到媒体查询,不能不用固定尺寸。
,其次你要把页面中的宽度修改为百分比;width=device-width; ,也就是@media;initial-scale=1
解决方案2:
建议你看一下网上的教程或者案例,自己对比学习再写。
建议:

html页面怎么自适应


一、 自然拉伸
如果你的网站结构没有用到大量的图形来衔接,主要由表格来定结构,那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时,只要你把表格的宽度属性定义为100表格就会根据分辨率的不同自行调整宽度。
二、 固定居中
在800×600分辨率下制作的网页在1024×768分辨率的机器上打开,整个网页就会跑到左边;1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧?做起来费劲。