请问一下css的背景图片怎么设置可以在不同的手机上正常浏览

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

成都创新互联公司专注于企业全网营销推广、网站重做改版、海阳网站定制设计、自适应品牌网站建设、H5技术、商城建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为海阳等各大城市提供网站开发制作服务。

percentage：取值为0%到100%之间的值。不可为负值。说明：设置背景图片的大小。指定背景大小，以象素或百分比显示。当指定为百分比时，大小会由所在区域的宽度、高度，以及background-origin的位置决定。

那他们的不同点就在于浏览器的可视区域不一样。针对这类极小部分的适配问题。可以通过。

必须得设置border：0这一项。我一直是这么用的，不知道你的用法是啥。

如何添加CSS让页面自适应手机屏幕

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

需要加一句 然而这只是适应手机的前提条件，它告诉手机适配，这是一个响应式网站，然后需要写css去重置样式，这个需要专业的前端知识。

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

并不是加了meta标签，网站就会自适应手机屏幕了，还需要更改一些样式。

...希望达到如果手机端访问展示手机版样式(css)

可以用JS来获取浏览器的类型，然后载入相应的css或者跳转到专属网站。还有一个方法是使用responsible布局，让网站适应不同的分辨率。其实这种方法只是一个偷懒的折衷方案，维护起来不是很方便，而且未必能适应所有手机和平板。

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

电脑端和手机端页面不一样，可能情况 响应式布局，通过不同的分辨率显示不同的css样式 就是两套模板，只是根据pc端和手机端的访问模式进行判断，然后选择是用哪个模板。

css，“”和“css”之间有一个空格。 在做手机轮播图时，banner图的宽度是手机屏幕的宽度，轮播图加了左右切换按钮，按钮的position：absolute；定位的元素，定位的元素超出父容器时(超出了100%)，会出现滚动条。

怎么修改网站的css让它适应手机端?

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

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

3、并不是加了meta标签，网站就会自适应手机屏幕了，还需要更改一些样式。

4、选择加载CSS “自适应网页设计”的核心就是CSS3引入的MediaQuery模块，它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。

当前文章：手机怎么显示css样式 手机怎么显示css样式图标
网站路径：http://scgulin.cn/article/digggcd.html