码迷,mamicode.com
首页 > 移动开发 > 详细

207/08/3学习笔记:pc端网站如何实现移动端适配知识点

时间:2017-08-31 14:40:37      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:自适应   意思   dia   屏幕   mod   网站   class   适应   href   

1.图片的自适应(fluidimage)

windows平台缩放图片时防止图片失真:

img{-ms-interpolation-mode:bicubic;}

2.选择加载CSS

media=”screenand(max-device-width:400px)” href=”tinyScreen.css”/>

上面的代码意思是,如果屏幕宽度小于400像素(max-device-width:400px),就加载tinyScreen.css文件。

207/08/3学习笔记:pc端网站如何实现移动端适配知识点

标签:自适应   意思   dia   屏幕   mod   网站   class   适应   href   

原文地址:http://www.cnblogs.com/linsimei/p/7457660.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!