手机端字体根据百分比会变模糊，怎样才可以不根据百分比变得不那么模糊

qq_40236920 2017-09-18 02:56:33

怎么可以改，部根据那个百分比字体不改变，之前学的。net,进了公司让写移动，无奈了，求各位大神帮帮忙，

那个字体怎么可以跟原来的一样了，或者给个小列子我看看看，各位大神帮帮

...全文

401 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

dirdirdir3 2017-10-09

打赏
举报

回复

变字体大小，不要直接放大

前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位px和视口媒体查询百分比自适应场景下的rem解决方案通过vw/vh来实现自适应css3中引入了一个新的单位vw/vh，与视图窗口有关，vw表示相对于视图窗口的宽度vh表示相对于视图窗口高度，除了vw和vh外，还有vmin和vmax两个相关的单位。单位含义vw相对于视窗的宽度，视窗宽度是100vwvh相对于视窗的高度，视窗高度是100vhvmin。

响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）px和视口媒体查询百分比自适应场景下的rem解决方案通过vw/vh来实现自适应 px和视口在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽高以及定位信息。在pc端，通常认为css中,1px所表示的真实长度是固定的。那么，px真的是一个设备无关，跟长度单位米和分米一样是固定大小的吗？答案是否定的，下面图1.1和图1.2分别表示pc端下和移动端下的显示结果，在网页中我们设置的font-size统一为16px。从上面两幅

简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 px和视口媒体查询 百分比 自适应场景下的rem解决方案通过vw/vh来实现自适应一、px和视口在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽高以及定位信息...

移动端布局主要技术移动端技术css布局基础视口物理像素& 物理像素比移动端技术选型：1.流式布局（百分比布局）2.flex弹性布局2.1弹性布局2.2 flex布局父项常见属性flex-direction 设置主轴方向justify-content 设置主轴对齐方式flex-wrap 设置子元素是否换行align-items 设置侧轴上的子元素排列方式（单行）align-content 设置侧轴上的子元素排列方式（多行）flex-flow 复合属性，相当于同时设置了flex-direction

CSS的使用方式1：内联样式：不推荐使用，因为代码复用度太差，代码书写凌乱方式2：内部样式：推荐使用，可以提高CSS代码的复用性要是使用内部样式：得了解一个概念叫做选择器方式3：外部样式：复用度更高，开发首选内联样式：每个HTML标签，都有一个style属性，style属性值，就可以书写CSS代码,那么书写的CSS代码就会对这个标签起作用，一次只能控制这个一个标签 CSS代码的语法...

29,027

社区成员

12,466

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章