谨记手机端页面要使用em，而不是用px，以及MAX,MIN-width
2017-07-26 10:35
162 查看
我
9c67
个人认为手机端页面使用em，而不是用px的原因是：em是个相对单位，而每个手机的em值不一样，就相当于%一样，可以让手机本身去定义这个值的具体大小。
而PX是个绝对单位，如果我们使用PX的话，比如说背景我们定义width=800px;，而手机浏览器的宽度只有640px，页面是显示不完全的，这时候就要用%
在制作手机端页面时，通常会定义一个max-width和min-width，width=100%来规定宽度在这个范围值之内活动，小于最小宽度的时候，页面会隐藏一部分，大于最大宽度的时候，背景填充空白部分。
9c67
个人认为手机端页面使用em，而不是用px的原因是：em是个相对单位，而每个手机的em值不一样，就相当于%一样，可以让手机本身去定义这个值的具体大小。
而PX是个绝对单位，如果我们使用PX的话，比如说背景我们定义width=800px;，而手机浏览器的宽度只有640px，页面是显示不完全的，这时候就要用%
在制作手机端页面时，通常会定义一个max-width和min-width，width=100%来规定宽度在这个范围值之内活动，小于最小宽度的时候，页面会隐藏一部分，大于最大宽度的时候，背景填充空白部分。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS3 响应式布局： 使用@media (min/max-width:***) 和@font-face及其兼容
- css hack! (max-width,min-width以及高度自适应)
- 学习总结--Css中最小宽度min-width和最大宽度max-width属性的使用方法
- 移动端页面使用单位的问题：关于px、百分比、em、rem开发中逐渐转换的问题记录
- 在table设置max-width以及min-width兼容问题和解决方案
- 用max-width来防止图片溢出---不兼容ie6-----将max-width设置成父元素的宽度，当图片过大时会换行，以及限制图片的宽度。但是如果使用table，仍然可能超出限制。
- IE7开始支持min/max-width/height
- em与px的区别以及em特点和应用
- SWFupload使用注意事项以及附带页面变量
- 使用querystring,session变量以及server.Transfer方法来实现页面间的值传递
- 使用querystring,session变量以及server.Transfer方法来实现页面间的值传递
- ie6实现min-width/max-width
- Visual C++中min()和max()函数的使用
- LINQ当集合为空的时候，如何使用Max，Min，Sum等聚合函数？
- Asp.net生成Excel文件并下载（更新：解决使用迅雷下载页面而不是文件的问题）
- 解决使用迅雷下载页面而不是文件的问题
- 无法使用stl中max和min的原因
- 用min-width/max-width实现图片缩放裁切
- 在ASP.NET页面中推荐使用覆写（Override）而不是事件处理（Event Handler）
- 在ASP.NET页面中推荐使用覆写（Override）而不是事件处理（Event Handler）［转帖］