用DW已经做好的网页如何按比例缩小?

用DW已经做好的网页如何按比例缩小?初学者,很多东西不甚明白,做了一个简单的静态网页,用div+css布局。分辨率做的太大了,最外层的div大小达到了1063px×720px,图片素材,表格,其他div也都偏大,在我的电脑(分辨率1920×1080)显示挺好,可是换了电脑,页面会过于庞大,显示效果不好。如何让网页整体按比例缩小?比如缩小70%?

感谢您的回答。

在网页代码的头部,加入一行viewport元标签。
<meta name="viewport" content="width=device-width,initial-scale=1" />
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2016-12-04
div用百分比表示长度试试。

高级点的办法是,首先获取屏幕的分辨率,然后动态调整div的宽高,不过如果你是初学者就暂时先不用学这个。

包括百度知道的页面和一下其他网页你可以看看这些网页在不同屏幕是如何处理的。

都是正文在中间,大小是固定的,两边有空余的地方,屏幕越大,空余的地方越多。这是比较好的方法。本回答被网友采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网