1、1首先，下载安装WebEditorLite，这个直接在手机应用商店中搜索就行，如下，大概也就431K2安装完成后，打开这个软件，主界面如下，主要分为3部分，分别是“NewFile新建文件”“OpenFile打开文件”和“AboutAPP。

2、= rem + quotpxquot媒体查询 媒体查询正是为解决网页适应手机屏幕媒体查询的功能就是为不同的“媒体”设置不同的css样式，页面尺寸，设备屏幕尺寸等，比如我们要为宽度小于480px的页面中的class=quoticonquot。

3、html文件可以用手机浏览器打开从本质上来说，Internet 互联网是一个由一系列传输协议和各类文档所组成的集合，html文件只是其中的一种这些HTML文件存储在分布于世界各地的服务器硬盘上，通过传输协议用户可以远程获取这。

4、解决方案1p首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度。

5、1200px 正常样式 下面是分辨率最小为300px，最大分辨率为1024px的样式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以参考菜鸟教程CSS3 @media 查询。

6、1通过设置viewport参数 2使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题ltltspanmeta name。

7、可以打开现在安卓手机和苹果手机都支持html文件的打开，通过手机自带的浏览器或者用户自行下载浏览器，即可打开手机的html文件html文件里主要的是代码，手机浏览器也可以对其执行html代码，但可能显示完全推荐用户使用电脑。

8、在手机上不能固定宽度，要按百分比写页面宽度才能自适应设备主要是这两点，当然细节上面还有很多和PC端不一样的地方指向文件错误，比如你的网页文件在A，但是你却指向了B你把指向的文件放到网页文件内在试试如果。

9、用以下代码开头lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定义宽度CSS代码可以适当使用media only screen and max。

10、方案四判断手机版系统版本，应用原生CSSoverflowyscroll 3 移动布局自适应不同屏幕的几种方式 1响应式布局 2100%布局弹性布局3等比缩放布局rem4 你们做移动端平时在什么浏览器上测试Chrome。

11、应该是没用适配好吧，多检查代码，是否适配了所以尺寸，宽度用rem最好。

12、3如果你想要实现完美适配，可以做三个设备，宽度均为640，高度可设置为1040iPhone6 plus1008iPhone5s和大部分Android手机832iPhone4s1HTML5的设计目的是为了在移动设备上支持多媒体新的语法特征被。

13、1响应式设计需要做的有很多技术和技巧，和做电脑端网页一样，响应式开发需要div等元素就可以自动适应屏幕大小，就是在设置每个元素属性的时候要用百分比，最好不要用px 2当下响应式布局设计需要使用HTML5技术和CSS3技术。

14、css部分，只需要兼容webkit内核的就可以了 也就是用谷歌浏览器做测试要考虑windows phone的话 就在加写一种兼容写法咯html标签这部分其实就按pc端的正常标签写就可以了 图片，ui 这个很重要了，因为现在的手机分辨率高。

15、机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css需要用@media写多份css的无法做到真正的随屏幕变化而变化而meta name=quotviewportquot content=quotwidth=devicewidthquot 的用法是随着屏幕的。