首页 / 知识
HTML如何将网页设计自动适应屏幕宽度
2023-04-11 15:16:00
允许网页宽度自动调整
“自适应网页设计”到底是怎么做到的？其实并不难。
首先，在网页代码的头部，加入一行viewport元标签。
<metaname=”viewport”content=”width=device-width,initial-scale=1″/>
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。
所有主流浏览器都支持这个设置，包括IE9。对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。
<!–[ifltIE9]><scriptsrc=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”></script><![endif]–>
不使用绝对宽度
由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。
具体说，CSS代码不能指定像素宽度：width:xxxpx;只能指定百分比宽度：width:xx%;或者width:auto;
本文转载自中文网 |
最新内容
相关内容
python如何读取列表中元素的位置?
python如何读取列表中元素的位置?，位置，数据，异常，培训，字符串，元素，索引，方法，示例，结果，python读取列表中元素位置的方法：1、使用index()方
python3如何引入模块?
python3如何引入模块?，系统，位置，培训，标准，模块，方法，成员，路径，下面，别名，使用Python进行编程时，有些功能没必须自己实现，可以借助Python现有
python如何replace(替换)多个字符?
python如何replace(替换)多个字符?，培训，字符，字符串，方法，正则，括号，数组，函数，定义，以上，python中使用replace替换多个字符的方法：1、使用re
python如何调用另一个文件夹中的内
python如何调用另一个文件夹中的内容?，系统，培训，文件，模块，内容，路径，函数，所在，前缀，语句，python中调用另外一个文件夹中的内容：1、同一文件
python里小数如何表述?
python里小数如何表述?，银行，培训，小数，位数，问题，精度，表示，以上，存在，更多，1、Python中的小数存在精度问题：>>>0.1+0.1+0.1-0.35.5511151231
python如何去空格和回车?
python如何去空格和回车?，培训，空格，方法，字符串，两端，以上，更多，内容，python去掉空格和回车的方法：1、使用strip()、lstrip()、rstrip()等
python如何做可视化界面?
python如何做可视化界面?，代码，标准，培训，函数，界面，控件，文件，按钮，以上，编辑，python创建可视化界面步骤：1、首先，创建一个.py文件，暂命名为PyQ
如何在python代码中指定保存的文件
如何在python代码中指定保存的文件格式，代码，培训，文件格式，格式，二进制文件，文件，后缀，以上，方法，更多，python指定保存文件格式的方法：1、保
python如何看变量属性
python如何看变量属性，培训，属性，函数，变量，参数，对象，方法，列表，范围内，字典，1、使用dir()函数查看dir()函数不带参数时，返回当前范围内的变
Python如何复制文件中的内容
Python如何复制文件中的内容，盘中，数据，培训，文件，内容，方法，文件夹，路径，源文件，文件名，python复制文件中内容的方法：1、使用shutil.copyfile
python如何控制内存
python如何控制内存，名称，情况，系统，定期，管理，数字，数据，培训，对象，内存，python控制内存的方法：一、对象的引用计数机制二、垃圾回收机制三、
python如何查看所有变量
python如何查看所有变量，名称，培训，模块，变量，成员，函数，全部，所指，字符串，结尾，python中可以使用dir()函数查看所有变量。通过dir()函数，我们