css中哪个属性能让手机页面自适应屏幕

如题所述

  在网页代码的头部,加入一行viewport元标签。
<meta name="viewport" content="width=device-width, initial-scale=1" />
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。
对于viewport属性,我是真正在接触移动web开发是才遇到的,一把的ps布局都是固定的960px,1000px这种。
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-12-16
宽度用百分比作为值就可以让内容大小随窗口大小改变,,但是只是这样做是不够的。
要实现响应式布局,还需要了解一下CSS3的媒体查询,,你可以搜一下这个,,智能手机的浏览器对它支持的很好。本回答被网友采纳
第2个回答  2012-12-16
不太懂css,你可以试试twitter bootstrap这个框架,可以实现自适应屏幕。
第3个回答  2012-12-16
哪个属性也不能自适应手机页面

怎样让手机版网页自适应手机屏幕宽度?
在手机上不能固定宽度,要按百分比写页面宽度。才能自适应设备。主要是这两点,当然细节上面还有很多和PC端不一样的地方。指向文件错误,比如你的网页文件在A,但是你却指向了B。你把指向的文件放到网页文件内在试试。如果下载下来的图片大小规格完全一样的话,在photoshop中设置一个动作,就能批量处理了。

怎样让手机版网页自适应手机屏幕宽度
要让手机版网页自适应手机屏幕宽度,可以采取以下几种方法:1. **使用``标签**:在HTML文档的``部分添加``。这个`viewport`标签告诉浏览器如何控制页面的尺寸和比例,使得网页能够自适应不同设备的屏幕宽度。`width=device-width`确保网页宽度等于设备屏幕宽度,`initial-scale=1.0`设置初始缩放比例。2...

如何添加CSS让页面自适应手机屏幕
无论是电脑还是手机,要做到自适应屏幕,其实都是一样的。首先,在网页代码的头部,加入一行viewport标签viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。即让viewport的宽...

自适应手机屏幕代码
自适应手机屏幕代码: 首先就是自适应(说白了就是用百分比来设宽度),最外框肯定是用百分比的,但是一些小的部分就不能用百分比了,不然就会变形,就比如你说的图片,图片尽量定死了,不然不同的手机屏幕大小不一定,所显示的就不一样,甚至会变形了。你可以通过控制图片外面的DIV来控制位置,让它在...

如何用@media做手机自适应?
宽度不一,写手机、平板对应css时最好用百分比宽度来自适应各种大小不一的屏幕宽度。这个百分比尺寸不算太难但也不是个太轻便的活,如果你css不熟练的话最好先别折腾这块,把基础练好了来。还有,用了css媒体查询后,ie6-8载入不了样式表,要引用个:Respond.js来让ie6-8下正确载入css。js自行百度...

怎么修改网站的css让它适应手机端?
电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的标签中,输入meta代码:。3、浏览器运行index.html页面,此时PC端的网页在移动端上也能自动适配。

有没有懂Html5自适应手机的大神
头部要加的是这个,放在标签里,这是初始化手机屏幕的。 你写的这段是要放在所有css样式后边的,以防止样式覆盖。这段的意思是在电脑屏或者其他屏上你显示的是一个样式,通过这个监控屏幕大小,等屏幕大小改变,则替换成另一个样式。media screen and (max-width: 480px) { \/\/设置手机屏宽度不大于...

css自适应?
2、自适应,一般是自适应屏幕大小,比如我们的电脑、手机都有很多不同尺寸的屏幕,那么做出来的页面就要兼容这种尺寸的变化,而不会让布局错乱。3、一般PC端布局样式是用百分比,不过移动端的话,因为对css3的兼容性非常好,所有要达到自适应,可以用css3来布局,当然还有比较流行的响应式布局。4、层叠...

css背景图怎么在手机自适应全屏
根据页面设计情况选择相应的参数,方法就是设计背景size参数 background-size:cover ,适用于上半部分背景图片,下半部分纯色 将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器。background-size:contain 适用于一屏幕,缺点屏幕宽度高度不一致,会有缝隙 将背景图像等比缩放到宽度或高度与容器的...

HTML页面如何自适应手机端,自动放大或者缩小?
用CSS3 @media 查询 也叫“媒体查询”;语法:.aaa{width:1200px;} \/\/正常样式 \/\/下面是分辨率最小为300px,最大分辨率为1024px的样式 media screen and (min-width: 300px) and (max-width:1024px) {.aaa{width:375px;} } 可以参考:菜鸟教程CSS3 @media 查询 ...

相似回答