css如何让html网页中的图片自适应手机屏幕大小？ _ 路由器设置|192.168.1.1|无线路由器设置|192.168.0.1 - 路饭网
您的位置： >
> 阅读资讯：css如何让html网页中的图片自适应手机屏幕大小？
css如何让html网页中的图片自适应手机屏幕大小？
css如何让html网页中的图片自适应手机屏幕大小？效果如下图所示：
复制代码 代码如下:
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {
margin: 0;
padding: 0
min-width: 320
font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-
color: #333;
-webkit-text-size-adjust: none
fieldset,img {
list-style: none
address,em {
font-style: normal
color: #000;
text-decoration: none
border-collapse: collapse
width: 100%;
background-color: #fff
#clear: after {
content: ''
img, fieldset {
border: 0;
width: auto\9;
width:100%;
.content-step ul li .red{ color:#e5362b; background: width: vertical-align:inherit}
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-box-sizing: border-
-moz-box-sizing: border-
-ms-box-sizing: border-
box-sizing: border-box
padding:10
.doc h1 {font-size:16color:#333;padding:10px 0;font-weight:500;}
.shop-title {padding:10px 0;}
.author {padding:10px 0;font-size:12}
.author span {color:#333;}
.author a {color:#2B8CB2;}
.content {padding:20px 0;}
.f-bold {background-color:#CCC5C0;color:#E5362B;padding:5line-height:24font-size:14}
.content p {line-height:24padding:10px 0;text-indent:2 font-size:14}
.content-time {padding:20px 0;color:#000;font-weight:500;line-height:40}
.content-time span {color:#000;}
.content-time em {color:#E5362B;}
.content-step {}
.content-step ul {padding:20px 0;}
.content-step ul li {line-height:30color:#5D5D5D; font-size:14 padding-top:0}
.content-step ul li .icon{ display:inline- background:url(../images/icon.jpg) no- width:20 height:20 background-size:20px 20 vertical-align: margin-right:8}
.shop-list {}
.shop-list li {text-align:padding:20px 0;}
.shop-list li p {text-align:color:#7A7878; text-indent:2}
.shop-list li img {margin:0}
.content-contact {color:#F15050;padding:20px 10line-height:30text-indent:2}
.cmbc-qrcode {text-align:padding:20px 0;}
.down-cmbc {text-align:display:margin:0}
.down-cmbc img {margin:0}
@media screen and (min-width: 480px) {
font-size: 21px
screen and (min-width: 640px) {
font-size: 28px
.list li{display:-moz-
display:-webkit-
.list li p{ width:90%}
.last{ text-align: font-size:12 color:# padding-right:20 margin-bottom:10}
复制代码 代码如下:
&!doctype html&
&meta charset=&utf-8&&
&meta name=&viewport& content=&width=device- initial-scale=1.0&&
&meta name=&keywords& content=&test& /&
&meta name=&description& content=&& /&
&title&test&/title&
&link rel=&stylesheet& type=&text/css& href=&style/css/mobile.css& /&
&div class=&doc&&
&h1&房屋装修&/h1&
&div class=&author&& &span&&/span& &/div&
&div class=&shop-title&& &img src=&style/images/5.jpg& width=&640& height=&406& alt=&& /& &/div&
&div class=&content&& &span class=&f-bold&&家居体验&/span&
&p& 好的家具让当代人心情愉悦，放松，好的家居设计非常重要。 &/p&
&div class=&content-step&&&img src=&style/images/step-1.jpg& width=&574& height=&68& alt=&& /&&/div&
&div class=&content-step&&
&li&&span class=&icon&&&/span&免预存&/li&
&li&&span class=&icon&&&/span&套餐7.5-8.5折优惠；&/li&
&li&&span class=&icon&&&/span&唯一渠道办理终端补贴合约机；&/li&
&li&&span class=&icon&&&/span&可为集团客户统一办理集团套餐；&/li&
注：在html里面插入图片，如果想让图片自适应屏幕的小而不是宽高固定不变可以在css代码里加入img { height: width: auto\9; width:100%; }
本文地址：
下一篇：没有了
相关文章列表192.168.1.1手机登陆wifi设置 - 192路由网192.168.0.1手机登陆设置界面 | 192.168.1.1登陆页面
本文介绍了192.168.0.1手机登陆设置界面的方法；很多用户在安装、设置无线路由器的时候，由于没有电脑，于是想用手机来设置路由器。但是，不少用户在手机浏览器中输入192.168.0.1后，发现根本打不开设置页面。
本文介绍了用手机登录到设置TP-Link路由器上网的方法；现在TP-Link新推出的无线路由器，已经不在使用192.168.1.1作为管理地址了，而是使用域名：。
不少用户由于没有电脑，因此想用手机来设置TP-Link路由器上网，但是在设置的过程中遇到各种各样的问题，导致设置不成功；因此，本文将详细介绍使用手机登录到设置路由器上网的方法。
TP-Link无线路由器
步骤一、TP-Link路由器安装
（1）、电话线上网：用户需要准备1根网线，用来连接ADSL Modem（猫）与TP-Link无线路由器的WAN接口。
（2）、光钎上网：用户需要准备1根网线，网线用来连接光猫与TP-Link路由器的WAN接口
（3）、网线入户上网：直接把宽带运营商提供到用户家里的入户网线插在TP-Link路由器的WAN接口
步骤二、手机连接到路由器WiFi
请打开你手机上的无线功能，搜索并连接到你的TP-Link路由器上的无线WiFi信号，这是非常重要的一步。（PS：TP-Link无线路由器，出厂时默认已经启用了无线WiFi功能，并且没有密码，所以可以直接连接）
步骤三、设置TP-Link路由器上网
1、打开手机上的浏览器，在地址栏中输入：<打开设置界面。（如果输入后打不开，请点击阅读文章：<手机登录打不开的解决办法）
2、设置登录密码：
（1）、如果你的TP-Link路由器是第一次使用，这时候会提示你设置一个“管理员密码”，也就是登录密码，如下图所示：
设置的登录密码
（2）、如果出现下图所示的界面，说明你的TP-Link路由器之前已经设置了登录密码的，需要输入之前设置的管理员密码来登录的。
输入的管理员密码
（3）、如果忘记了之前设置的管理员密码，唯一解决办法是把TP-Link路由器恢复出厂设置，具体操作方法请点击阅读：TP-Link路由器怎么恢复出厂设置？
3、运行设置向导：输入密码进行登录后，路由器上会自动弹出设置向导界面，如果没有弹出，可以点击左侧菜单中的“设置向导”来运行。
的设置向导
4、选择上网方式：选择“PPPoE（ADSL虚拟拨号）”——&点击“下一步”。
上选择上网方式
5、配置宽带帐号和密码：输入宽带运营商提供的宽带帐号和密码——&点击“下一步”。
设置宽带帐号和密码
6、配置无线网络：“SSID”即无线网络名称，用户根据自己的需求进行设置——&勾选“ WPA-PSK/WPA2-PSK”——&设置“PSK密码”——&点击“下一步”。
设置无线名称和密码
7、重启路由器：点击“重启”——&在弹出对话框点击“确定”。
路由器设置完成重启
8、重启完成后，重新登录到TP-Link无线路由器的设置界面，点击“运行状态”——&查看“WAN口状态”，如果显示已经获取到了IP地址等信息，如下图所示，表示设置成功，可以正常上网了。
检查设置是否成功
注意问题：由于路由器的型号不一样，可能具体的设置界面会有所不同，但都差别不大的。
本文介绍了用手机登录,设置迅捷无线路由器上网的方法。现在迅捷新生产的无线路由器，全部都使用作为管理登录地址；用户需要在浏览器中输入,登录到路由器的设置页面进行相关的设置。
不少用户由于没有电脑，于是就用手机来进行设置；但是，在设置的过程中遇到许多问题，导致路由器不能够上网。本文将详细介绍使用手机登录，来设置路由器上网的方法。
步骤一、路由器安装
1、电话线上网：请准备1根较短的网线，用来连接ADSL Modem(猫)与迅捷(FAST)无线路由器的WAN接口。
2、光钎上网：请准备1根网线，用来连接光猫与迅捷(FAST)无线路由器的WAN接口。
3、网线入户上网：把宽带运营商提供的入户网线插在迅捷(FAST)无线路由器的WAN接口。
步骤二、手机连接到路由器
请打开你手机上的无线功能，搜索并连接到迅捷无线路由器的WiFi信号上。这是非常重要的一个步骤，一定要先让手机搜索连接到路由器上。
温馨提示：迅捷无线路由器，在出厂时默认已经启用了无线功能，并且无线信号未加密，所以可以直接进行连接的。
步骤三、路由器上网设置
1、打开手机上的浏览器，在浏览器地址栏中输入：，打开设置界面。
2、设置管理员密码：管理员密码就是的登录密码；在跳转的页面中进行设置即可。
设置的管理员密码(登录密码)
注意问题：
（1）、如果你在手机浏览器中输入后，出现的是下图所示的界面；说明你的路由器之前已经设置了密码，需要输入之前设置的密码来登录的。
输入之前设置的的管理员密码(登录密码)
（2）、如果用户忘记了之前设置的管理员密码，唯一的解决办法是：把迅捷路由器恢复出厂设置。恢复出厂设置后，再次在浏览器中输入，就可以再次创建登录密码了。
3、运行设置向导：登录到路由器的设置界面后，会自动弹出设置向导界面，如果没有弹出，可以点击左侧菜单中的“设置向导”来运行。
路由器上的设置向导
4、选择上网方式：这里可以看到一共有4个选项，分别是：“让路由器自动选择上网方式（推荐）”、“PPPoE(ADSL虚拟拨号)”、“动态IP（以太网宽带，自动从服务商获取IP地址）”、“静态IP（以太网宽带，网络服务商提供固定IP地址）”。
路由器上的几种上网方式
“让路由器自动选择上网方式（推荐）”这个选项不建议大家选择，因为有的时候路由器识别不准确，会造成无法上网的；所以，最好是手动选择上网方式的。
（1）、PPPoE(ADSL虚拟拨号）：又叫做宽带连接拨号上网，这种上网方式，用户有一个宽带帐号、宽带密码，在未使用路由器时，需要使用电脑上的“宽带连接”拨号上网。如果你没有宽带帐号、密码，说明不是ADSL拨号上网，请根据这个判断你的上网方式。
ADSL拨号上网设置：选择“PPPoE(ADSL虚拟拨号)”——&点击“下一步”
路由器上选择PPPoE上网方式
输入宽带运营商提供的宽带帐号和密码——&点击“下一步”。
路由器上设置PPPoE上网的宽带帐号、密码
（2）、动态IP：又叫做自动获得IP、DHCP获取IP，办理了“动态IP”上网宽带业务的用户，宽带运营商会提供一根网线到用户家里；在未使用路由器时，只需要把这根网线插在电脑上，并把电脑的IP地址设置为自动获得，电脑就可以上网了。
动态IP设置：选择“动态IP（以太网宽带，自动从服务商获取IP地址）”——&点击“下一步”
路由器上选择“动态IP”上网方式
（3）、静态IP：又叫做“固定IP”，办理了“静态IP”上网宽带业务的用户，宽带运营商会提供一根网线到用户家里，同时还会提供一个IP地址、子网掩码、网关、2个DNS服务器地址给用户；在未使用路由器时，只需要把这根网线插在电脑上，并根据提供的IP地址信息来设置电脑上的IP地址。
静态IP上网设置：选择“静态IP（以太网宽带，网络服务商提供固定IP地址）”——&点击“下一步”。
路由器上选择“静态IP”上网方式
填写运营商分配的IP地址、子网掩码、网关以及DNS服务器地址——&点击“下一步”。
路由器上设置“静态IP”上网需要的参数
6、选择无线工作频段：这里建议选择“无线同时工作在2.4GHZ和5GHZ频段（802.11a/b/g/n）上”——&点击“下一步”。
路由器上选择无线工作的频段
7、2.4GHz无线设置：设置“SSID”，SSID即无线网络名称，用户根据自己的需求进行设置——&勾选“ WPA-PSK/WPA2-PSK”——&设置“PSK密码”——&点击“下一步”。
路由器上2.4G无线设置
8、5GHZ无线设置：设置“SSID”，SSID即无线网络名称，用户根据自己的需求进行设置——&勾选“ WPA-PSK/WPA2-PSK”——&设置“PSK密码”——&点击“下一步”。
路由器上5G无线网络设置
温馨提示：“SSID”请不要使用特殊字符和中文汉字；“PSK密码”建议用字母、数字、字母大小写组合设置，并且长度大于8位。
9、设置完成：如果修改了无线参数，则会提示重启
路由器上网设置完成重启
注意问题：
（1）、“PPPoE(ADSL虚拟拨号)”、“动态IP”、“静态IP”这三种上网方式，是根据用户办理的宽带业务类型来选择的，选择不正确，是不能够上网的。如果根据上面文章中的介绍，你还是不能判断自己的上网方式，请电话咨询你的宽带运营商客服，弄清楚了再进行选择。
（2）、本文使用的迅捷(FAST)FW3030R无线路由器来演示设置的，其它型号的迅捷无线路由器，设置界面的显示可能会有所差异。但是基本上都是一致的，大家在设置的时候，要懂得变通。
分享到您的社交平台：
推荐阅读：}