本文介绍了如何使ASP.NET网站适应不同设备屏幕，关键在于使用viewport元标签、相对宽度、相对字体大小、流动布局及Media Query。通过设置CSS样式，如`<meta name="viewport" content="width=device-width, initial-scale=1">`，`max-width: 100%`等，确保图片和布局在不同设备上自适应。"
80046233,7626254,PostgreSQL计算距离方法详解,"['数据库管理', 'SQL', '函数', '数学运算']
本文转载的地址：http://mobile.51cto.com/ahot-409516.htm
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？
其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。
- <meta name="viewport" content="width=device-width, initial-scale=1" />
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。 对于viewport属性，我是真正在接触移动web开发是才遇到的，一把的ps布局都是固定的960px，1000px这种。
下面三篇文章是对viewport属性详细的解释： Viewport（视区概念）——pc端的理解 Viewport（视区概念）—
最低0.47元/天 解锁文章
1664
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
