杰哥个人博客|杰哥博客|厦门杰哥|杰哥主页|杰哥个人网站|杰哥网站

通常在写HTML5手机端页面的时候，我们会发现页面所显示元素的比例不正确，那此时我们需要添加的就是： 1<meta name="viewport" content="width=device-width,initial-scale=1"> 或者是 1<meta name="viewport" content="

当我们在做手机端H5网页设计稿时（当然包含微信端的H5网页设计），如果没有做过类似的移动端的设计，UI设计师和前端工程师肯定会纠结的。如果是app设计师，就不会那么纠结啦。那么多手机屏幕尺寸，设计稿应该按照哪一个尺寸作为标准尺寸。现在已经有2K分辨率的手机屏幕了，设计稿是不是也要把宽高跟着最大分辨率来设计。显然不是。请注意：（以下所有讨论内容和规范均将viewport设定为content=&rdq

在文件夹中创建css文件夹里面是css文件、hello图片、test的html文件。 2 打开test的html文件，在里面添加class为scale的div，里面放一张hello图片。 3 在浏览器中打开发现会一直保持大小，并不会缩放。 4 打开css文件夹中的hello的css文件，在里面设置.scale img的属性back

html页面实现响应式的方式有很多，本篇介绍懒人必备一招见效的方法。在head标签中加入 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>