css图片自适应手机屏幕

根据页面设计情况选择相应的参数，方法就是设计背景size参数 background-size：cover ，适用于上半部分背景图片，下半部分纯色 将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比冷水滩网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式冷水滩网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖冷水滩地区。费用合理售后完善，10余年实体公司更值得信赖。

其次：网页宽度css一定要使用百分比width： xx%；，不能用绝对像素。

原则2：css底下一长串的自适应判断。只要造抄就行。原则3：css中所有的图片和div等等所以元素必须用rem单位，不能出现px单位。否侧会出错 原则4：所有的图片宽度必须设定。高度自适应或者设定。这样才能随着手机图片自适应。

具体说，CSS代码不能指定像素宽度：width：xxx px；只能指定百分比宽度：width： xx%；或者width：auto； CSS的@media规则 同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。

我的意思是不用像素，用rem，因为px是写死的，rem是可以适应手机端的（包括盒子的宽高都是要以rem来计算）。

请教CSS排版自适应手机电脑的问题

1、将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。background-size：contain 适用于一屏幕，缺点屏幕宽度高度不一致，会有缝隙 将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。

2、宽度自适应需要对每个显示模块进行不同宽度的计算，在做html布局时需要大量的计算与适配。 宽度自适应为不同宽度显示器写布局元素时常用的css。

3、手机、平板设备屏幕尺寸众多，宽度不一，写手机、平板对应css时最好用百分比宽度来自适应各种大小不一的屏幕宽度。这个百分比尺寸不算太难但也不是个太轻便的活，如果你css不熟练的话最好先别折腾这块，把基础练好了来。

4、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入meta代码：。浏览器运行index.html页面，此时PC端的网页在移动端上也能自动适配。

5、这种情况你可以使用media标签来做自适应 media？only？screen？and？(max-width：？400px){ .search{width：300px} } 上面代码的意思是当页面宽度小于400px的时候？就让.search的宽度变成300px。

6、minimum-scale=1，maximum-scale=1，user-scalable=no/ 然而这只是适应手机的前提条件，它告诉手机适配，这是一个响应式网站，然后需要写css去重置样式，这个需要专业的前端知识。

html如何检测判断设备是手机还是电脑,然后自动决定加载哪个CSS

首先准备一个HTML结构的文档，页面可以制作的简单点。然后在页面的body区域中放置一个img图片。我们先来运行一下页面，你会在页面中看到如下图所示的圆圈。

利用 html 和 css 实现不了，这个需要使用 js 来进行判断。

媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。通过user-agent值，来进行判断。使用javascript框架中的Navigator对象的userAgent属性。

) { window.location.href=mindex.html然后继续根据下方的代码，进行输入编辑。}else{ window.location.href=cindex.html} }catch(e){} /script 然后这样就可以判断手机还是电脑登陆进入了。

css手机版页面制作时如何让背景图片适应div的高度和宽度

1、对背景图片设置属性：background-size：cover；可以实现背景图片适应div的大小。background-size有3个属性：auto：当使用该属性的时候，背景图片将保持100 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。

2、将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。

3、首先，打开html编辑器，新建html文件，例如：index.html。

4、一是通过将该图片设定为某个div的背景图片，然后该div的长宽不使用绝对的px，使用相对的em或者rem。二是将图片设定display：block，设定图片的长宽为rem或者em。

5、把图片设置成合DIV一样的高和宽就行了。但这样会导致图片大小变形了，很难看的。如果选择自适应的话又会使自己的DIV一会大一会小，网站整体都变形了，这个东西不好弄的。

6、div的高度随背景图片的高度变化：原理是通过padding-top或者padding-bottom实现，值是背景图片的宽高比。

怎么让html页面在手机和电脑采用不同的样式

它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

记得去掉style stype=text/css和/script，这是在WEB页才要的标示，在CSS文件里是不需要的。你说的正文样式设置，你现在的代码只标示了p的样式。

在已安装的电脑桌面新建一个Word文档（演示文稿以Office2007系列为主），然后打开新建的文档，输入文字。

使用重定向或内部服务器跳转来使手机和电脑接收的数据不同。显示不同的内容通常由服务器后端代码处理。 如果通过重定向实现，则可以使用js。例如，百度贴吧，地址相同，手机端和电脑端分别返回的是wap页面和html页面。

不同的话，可以读取用户的系统和设备，自己跳转到合适的站，其实，就是做俩，一个www……一个m，……前者对应pc后者对应手持设备。

var rem = html.offsetWidth / 4；html.style.fontSize = rem + px媒体查询 媒体查询正是为解决网页适应手机屏幕。

分享标题：电脑手机图片css样式 电脑手机图片css样式怎么设置
文章源于：http://chengdu.cdxwcx.cn/article/dipcddh.html