导航

邯郸专业做网站建设公司,网页设计制作,百度优化推广

网站建设1500元全包。做完验收修改到满意为止可淘宝付款有保证!
当前位置: 邯郸网站建设 > 服务领域 > 公司网站制作 >

建设好的公司网站PC修改成自适应网站的@media的使用区别


来源:邯郸煜阳网络公司  时间:2019-10-07 05:24    
  建设好的公司网站PC修改成自适应网站的@media的使用区别是什么?这两天接了一客户单子是把早期建设好的PC网站要修改成自适应的,在电脑上调试,郁闷了好久怎么都不行,设置不起作用,花了一晚上的时间才能现问题,还好解决了。

  @media screen and (max-device-width: 800px)   与

  @media screen and (max-width: 800px) 与

  @media (max-width: 800px)的区别


max-device-width 与 max-width 的区别

max-device-width:800px max-width:800px
根据设备屏幕的宽度进行适配 根据显示区域的宽度进行适配
PC浏览器随意缩放时不会响应 PC浏览器随意缩放会响应
- 同时兼容max-device-width
 

 
@media  screen的css在打印设备里是无效的,而@media在打印设备里是有效的,这就是它们的区别了。
 
 
专业网站建设15
网站制作热线:133-6303-9260
总部地址:邯郸市义乌小商品批发城15楼09号
网站建设专线:0310-3208323
微信营销专线:1336-3039260
官方网站:www.alisoho.net

煜阳科技客服QQ
邯郸煜阳科技微信公众号
微信公众号扫一扫微信号:yywlkj2017
提供您的网站制作需求
欢迎与我们洽谈网站建设业务,您也可以在下面提交您的网站制作需求
我们将竭诚为您服务!
如何称呼:
联系方式:
联系地址:
建站需求: