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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了207/08/3学习笔记:pc端网站如何实现移动端适配知识点相关的知识,希望对你有一定的参考价值。

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端网站如何实现移动端适配知识点的主要内容,如果未能解决你的问题,请参考以下文章

eChars移动端自适应学习笔记

同一个域名在PC和移动端打开分别是两个网站这样可以实现吗?

钉钉开发笔记

如何在 PC 机上测试移动端的网页

前端页面开发浅谈:PC 端设计如何“完美”迁移到移动端?

前端页面开发浅谈:PC 端设计如何“完美”迁移到移动端?