方法一按住ctrl键然后在滑动鼠标，向下滑是缩小，向上滑是放大方法二点击浏览器的“页面缩放”，在移动到相应的比例就好方法三浏览器现在设置里都有一个选项是适应屏幕点击适应屏幕即可自动适应当前页面大小；PS当然也有一些方法，比如css3的flexbox布局使用flex布局，可以非常方便地实现各种自适应布局但是，它只适用于移动终端只有PC端的高版本浏览器兼容，低版本浏览器不兼容HTML多行文本框怎么设置宽度1首先打开H。

在文档流中，DIV的高度默认就是根据内容的高度自适应的如果是想适配不同设备的窗口大小，可以设置百分比或者通过position定位，然后设置top和bottom值再或者利用css3的flexbox布局，设置父级的display为flex，方向为纵的；img的宽高随窗口变化而变化，包裹img的div也随之变化 1打开代码编辑器1html代码的编写3css代码的编写4js的代码编写5在移动端手指触摸轮播图切换效果代码的编写6也可以使用bootstrap框架直接引入css文件。

2 调整视口 代码实例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移动端开发实例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlin；方法如下假设下的一个页面ahtml要包含下的一个页面chtml我们使用下的另一个页面agenthtml来做代理，通过它获取iframe页面的高度，并设定iframe元素的高度ahtml中包含iframeltifra。

这是html的frame框架属性里有个叫scrolling的属性，它就是用来设置框架是否可以滚动的属性；aaawidth1200px 正常样式 下面是分辨率最小为300px，最大分辨率为1024px的样式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以参考菜鸟教程CSS3 @medi。

一自适应网页设计 自从2010年，Ethan Marcotte提出了 “自适应网页设计”Responsive Web Design这个名词，指可以自动识别屏幕宽度并做出相应调整的网页设计他制作了一个 范例，里面是福尔摩斯历险记六个主人公的；1用dw编辑器建立了一个静态页面 2将建好的静态页命名为csshtml，标题为了“css如何设置图片大小自适应”3在body中添加两个p，设置不能的宽度，并设class为p1和p2，目的是用一样的css控制图片的宽度在不同的宽度容器。

这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备；这就算是感应式设计了，也就是本文说的“屏幕自适应”由于设备分辨率不同，长宽比不同，如果设计一次，就要适应所有的屏幕包括PC，这个几乎是不可能的主要有以下三种情况1 如果等比例缩放，内部位置关系会发生变化。

解决方案2建议你看一下网上的教程或者案例，自己对比学习再写建议如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3看你；左右自适应两列布局用到float属性 宽度按百分比设置下图就是在手机中的样子 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot margin 0padding 0。

html， body width100vh；如何配合框架使用1安装 2mainjs引入 indexhtml要设置meta关于使用 为了要使用vant的样式，rootValue应设置为375 设计图是750px宽的，则写的时候如果用px 则需要除以2，如果用rem的话，要自行计算 px7。

自适应网页设计指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术当然，对一个新手来说可能听起来有点复杂，其实它比你想象的简单多了前提你有css基础1在HTML头部增加viewport标签在网站HTML文件的。