1、页面右击，有检查或审查元素之类的选项，点了之后在左上角有个手机标志，点了之后再刷新页面，就是以手机方式浏览页面了，不同浏览器方法不同，但大致是这样；给你介绍一个js很好的框架我前一个项目就用这个bootstrappad端，手机端，电脑端都能很好的兼容；首先是高度，确定之后就是750*高度，高度3个可选，默认250高；代码适配和自适应都是在原网址中给用户展现手机版面，其中代码适配是识别不同的访问设备类型生成不同的html，而自适应是根据屏幕尺寸以不同方式进行呈现，html代码是相同的这三者的制作难易程度分别是代码适配自适应跳转；可能是因为手机浏览器没有开启强制缩放网页1在手机浏览器界面中，点击底部四点2在展开的选项中，点击设置3在展开的设置界面中，点击浏览设置4在浏览设置界面中，将强制缩放网页开启即可；用以下代码开头lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定义宽度CSS代码可以适当使用media only screen and max。

2、机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css需要用@media写多份css的无法做到真正的随屏幕变化而变化而meta name=quotviewportquot content=quotwidth=devicewidthquot 的用法是随着屏幕的；var rem = htmloffsetWidth 64 = rem + quotpxquot媒体查询 媒体查询正是为解决网页适应手机屏幕媒体查询的功能就是为不同的“媒体”设置不同的css样式，页面尺寸，设备屏幕尺寸等，比如我们要为；4然后，我们可以看到下面有很多参数选项，选择“MODEL”即可 5选择后，下方会有quotResolutionquot会自动填充，意思是手机分辨率，如果你的手机型号不在其内，自己写分辨率尺寸也可以的 6然后看页面内容变化，已缩小成手机模式；移动端，分辨率相差太大，做一个尺寸，然后等比缩放，可能不能适应所有分辨率这时候，就需要设计多种分辨率了安卓开发就是多种分辨率，对应多套素材html5方面，cocos做了多分辨率的适应，开发者只需要关注设计尺寸就可以；方法步骤 15打开图库，点击相册上的图片25在要打印图片底部点一下，点菜单35点击打印，点击45点击纸张尺寸，选ISOA455那么纸张大小就为了A4大小 1单击左下角“开始”菜单，找到“设置”选项，进入。

3、A疏远距离比如，所有元素距离手机屏幕最左边的距离B亲密距离比如，左边图标与右边文字之间的距离1iPhone6手机模型尺寸429x881px 2界面尺寸布局满屏尺寸375x667px 3高度电量条高度20px，导航栏高度44px；传统桌面web页面布局通常是定宽布局，但是定宽布局的方式对移动端却不适用，原因手机屏幕尺寸大小各异，定宽布局可能在某些手机上出现横向滚动条，导致阅读效果比较差 为了让手机有更好的网页浏览体验，苹果引入了viewport，为页面提供了一个；手机画布尺寸答案是手机屏幕的画布尺寸是55英寸同时手机屏幕的大小还和屏幕的长宽比有关，同样的对角线长度169的长宽比和43的长宽比，屏幕大小是不一样的同时知道了对角线长度和长宽比，就可以根据勾股定理很。

4、这个的话就是你手机的主题默认，或者就是你的字体大小有改变；1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时。