css样式在手机里没有效果，css文件手机怎么打开

我在做移动端时遇见的css问题

1、，设置html，同时还设置body的字体大小，目的是为了兼容。不同浏览器确实支持的不一样。

2、如果移动显示屏的分辨率始终是普通屏幕的2倍，1px的边框在devicePixelRatio=2的移动显示屏下会显示成2px，所以在高清瓶下看着1px总是感觉变胖了。

3、vw 和 vh（移动端开发个人最喜欢的单位属性，也是这次介绍的重点） 传统的响应式开发中，我们常常用百分比来布局，然而这并不是最好的解决方案。例如，你没有办法以body的高度来设置百分比。

相关问答

Q1: 将html在手机端打开,css没有渲染

1、应该是没用适配好吧，多检查代码，是否适配了所以尺寸，宽度用rem最好。

2、如果css没有加载，检查下css是否是加载太慢花的时间太长导致的，如果是优化css，或者将css单独存放到加载速度快的服务器上。

3、android中webview加载html用本地css渲染的做法：1：将资源拷贝到assets目录 2：给需要注入的资源文件在url上做一个标志，当然，你也可以不做，只要你在安卓端可以判断出来即可。

4、html页面引用css的路径不对。如果在桌面直接打开的话。应该使用相对路径。css中的图片路径也一样。

Q2: 用微信打开自己的网页的时候,css没有加载,现实效果乱得不行,用手机

1、微信网页制作步骤如下：登录http：//，点击右上角进入个人主页。选择“创建作品”选择“手机端”进行创建这样就可以利用左侧工具栏进行制作。右侧则是具体操作步骤。

2、用js判断是不是微信浏览器打开，若是则采用对应css样式；不是就用默认css样式即可；具体代码网上一堆，一搜既有的东西。

3、手机打不开微信网页的原因和解决方法 原因一：手机网络不好。

4、标点符号全部用中文字符。css的标点用英文。 条目编号后面紧跟英文字母的，要空一格，比如 css，“”和“css”之间有一个空格。

5、利用先进的渲染引擎和优化算法，搜狗高速浏览器确保了卓越的页面加载速度和流畅的多媒体体验。具备全方位的安全防护特性，能有效防御各类网络威胁，同时支持HTML5和CSS3，确保了与最新网络技术标准的完美兼容。

6、推广和分享：一旦网页发布，你可以通过微信公众号、朋友圈等渠道进行推广和分享，吸引更多的访问者。请注意，微信网页制作涉及到HTML、CSS和JavaScript等技术，如果你对这些技术不熟悉，可能需要学习相关知识或寻求帮助。

Q3: html采用viewport,css里面也设定了单位都用了rem,在电脑浏览器里看正常...

1、故下方的1rem会与16px相同尺寸。所以无论外层是否有其他文字大小，皆不会影响rem的尺寸，唯一会影响rem比例的只有html的文字大小。使用rem时，可以先了解浏览器的限制，rem是不支援IE8以前的浏览器的喔。

2、em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被设置，则相对浏览器的默认字体尺寸。

3、浏览器（部分）能够显示的最小字体未12px，当移动端页面宽度为320px时，要保证最小字体为12px，那么在1080px的设计图中，最小字体应当为42px。

4、《一个像素的border怎么实现》通过介绍1个物理像素border的实现，引出viewport、物理像素、CSS像素的概念，以及它们之间的关系。 这是移动适配相关的第三篇文章，介绍vw、vh，然后对三篇文章做一个总结。

5、EM是相对于其父元素来设置字体大小的，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小。而Rem是相对于根元素html，这样就意味着，我们只需要在根元素确定一个参考值。

6、em 单位基于使用他们的元素的字体大小。rem 单位基于 html 元素的字体大小。em 单位可能受任何继承的父元素字体大小影响。rem 单位可以从浏览器字体设置中继承字体大小。

关于css样式在手机里没有效果和css文件手机怎么打开的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。