关于使用ASP.NET开发移动网站的有关问题
关于使用ASP.NET开发移动网站的问题
根据公司业务要求，需要开发一个移动端的网站，现在有几个问题：
1，移动终端的屏幕分辨率是480*800，但是我按照这个分辨率做的网页在移动端显示时只占到了屏幕的一部分，如何能够让网页和移动端屏幕完美匹配？
2，手机浏览器都有缩放功能，能否在网页端禁用缩放？
谢谢大家！
------解决思路----------------------
缩放功能应该是不能被禁用的，因为这是浏览器自身的功能，至于你说的只有一半，不知道你的最终html，无法判断
------解决思路----------------------
网页中加入这一行即可
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
------解决思路----------------------
为了更好的显示为PC设计的网页，许多手机浏览器 viewport 默认width=980 所以 480的页面在手机上只显示一半的手机屏幕不到
width=device-width 设置 viewport 宽度为设备宽度，对于手机通常为 320，360，480
你的问题如下修改可能更好
<meta name="viewport" content="width=480, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
------解决思路----------------------
兄弟，这跟.net关系不大，不要将眼界集中在.net上，关键是在前端实现，看看人家的移动前端设计的案例就很快找到办法了。
------解决思路----------------------
移动端（特别是 Android）至少有几十种常用屏幕比例，有几千种终端。另外可能你还要考虑各种平板，甚至在pc上的效果（那就可能随意地拖动浏览器窗口改变size）。
因此，屏幕应该是响应式布局，并且绝不能想当然地说屏幕是多少像素宽高。屏幕大小是随时可能变化的。
关于缩放的问题，在页面的顶部你总是应该写上
之类的话。不用考虑网页内容，这个也是应该第一时间写上的。因为它决定了下面的布局。
------解决思路----------------------
网页可能在许多种宽度的移动设备上被显示，甚至是平板上，因此不要写死宽度。如果你拿两个手机试试，一个是4.x寸屏幕的iPhone，一个是6.x寸屏幕的时髦华为等品牌的手机，如果宽度像素数一样，那屏幕上显示的将是多么地模糊、恶心啊？
显然在相同 dpi 下，宽屏手机每一行显示的文字就比窄屏的多，宽屏手机显示的panel的框的宽度就比窄屏的宽，而panel框边线的粗细则是一样的！
如果说设置成相同的像素数，然后“缩放”，一旦在宽或者高度拉伸“多了”，那就会产生很恶心的界面效果，整个页面都扭曲变形了，而且也变模糊了。
所以说，虽然有些人说什么“做3、4种比例布局，然后缩放”，其实这是不可行的。写程序就应该只做一套，自动布局。
而不是去写几套布局！
根据公司业务要求，需要开发一个移动端的网站，现在有几个问题：
1，移动终端的屏幕分辨率是480*800，但是我按照这个分辨率做的网页在移动端显示时只占到了屏幕的一部分，如何能够让网页和移动端屏幕完美匹配？
2，手机浏览器都有缩放功能，能否在网页端禁用缩放？
谢谢大家！
------解决思路----------------------
缩放功能应该是不能被禁用的，因为这是浏览器自身的功能，至于你说的只有一半，不知道你的最终html，无法判断
------解决思路----------------------
网页中加入这一行即可
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
------解决思路----------------------
为了更好的显示为PC设计的网页，许多手机浏览器 viewport 默认width=980 所以 480的页面在手机上只显示一半的手机屏幕不到
width=device-width 设置 viewport 宽度为设备宽度，对于手机通常为 320，360，480
你的问题如下修改可能更好
<meta name="viewport" content="width=480, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
------解决思路----------------------
兄弟，这跟.net关系不大，不要将眼界集中在.net上，关键是在前端实现，看看人家的移动前端设计的案例就很快找到办法了。
------解决思路----------------------
移动端（特别是 Android）至少有几十种常用屏幕比例，有几千种终端。另外可能你还要考虑各种平板，甚至在pc上的效果（那就可能随意地拖动浏览器窗口改变size）。
因此，屏幕应该是响应式布局，并且绝不能想当然地说屏幕是多少像素宽高。屏幕大小是随时可能变化的。
关于缩放的问题，在页面的顶部你总是应该写上
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial=1.0, user-scalable=no, target-densitydpi=....." />
之类的话。不用考虑网页内容，这个也是应该第一时间写上的。因为它决定了下面的布局。
------解决思路----------------------
网页可能在许多种宽度的移动设备上被显示，甚至是平板上，因此不要写死宽度。如果你拿两个手机试试，一个是4.x寸屏幕的iPhone，一个是6.x寸屏幕的时髦华为等品牌的手机，如果宽度像素数一样，那屏幕上显示的将是多么地模糊、恶心啊？
显然在相同 dpi 下，宽屏手机每一行显示的文字就比窄屏的多，宽屏手机显示的panel的框的宽度就比窄屏的宽，而panel框边线的粗细则是一样的！
如果说设置成相同的像素数，然后“缩放”，一旦在宽或者高度拉伸“多了”，那就会产生很恶心的界面效果，整个页面都扭曲变形了，而且也变模糊了。
所以说，虽然有些人说什么“做3、4种比例布局，然后缩放”，其实这是不可行的。写程序就应该只做一套，自动布局。
而不是去写几套布局！