search

evrone / postcss-px-to-viewport

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.
https://evrone.com/postcss-px-viewport
MIT License
3.04k stars 406 forks source link

最低转化视口,是否可以提供一个最低转换视口的API #45

Closed smz8023 closed 4 years ago

smz8023 commented 4 years ago

是否可以提供一个最低转换视口的API，比如说，视口到某一定宽度时候，不在进行转换，有个最低标准

CaniceZ commented 4 years ago

配置文件改成rem index.html根据实际情况做以下修改

html{ max-width: 750px; margin: 0 auto; }

app{

  max-width: 750px;
  position: relative;
}
3344567 commented 4 years ago

现在已经前后端分离了，难不成你的项目还在不分离阶段？scss转css是预编译

CaniceZ commented 4 years ago

前后分离的没有index.html吗。。。我是用vue加这个插件，需求和你差不多

3344567 commented 4 years ago

这不是我的需求，是楼主的需求。我感觉这个需求不合理

CaniceZ commented 4 years ago

这种需求很常见。。。不然你wap端项目在PC端打开会拉伸成什么样？PC端居中显示是比较省时省力的解决方案

smz8023 commented 4 years ago

我的意思是:在浏览器缩小到1400的时候，px就不转换vw了。

---原始邮件--- 发件人: "xianyu"<notifications@github.com> 发送时间: 2019年12月4日(星期三) 晚上6:32 收件人: "evrone/postcss-px-to-viewport"<postcss-px-to-viewport@noreply.github.com>; 抄送: "smz8023"<345398278@qq.com>;"Author"<author@noreply.github.com>; 主题: Re: [evrone/postcss-px-to-viewport] 最低转化视口,是否可以提供一个最低转换视口的API (#45)

这种需求很常见。。。不然你wap端项目在PC端打开会拉伸成什么样？PC端居中显示是比较省时省力的解决方案

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

3344567 commented 4 years ago

不然你wap端项目在PC端打开会拉伸成什么样？PC端居中显示是比较省时省力的解决方案

所以，请百度预编译

KODerFunk commented 4 years ago

@smz8023 您可以默认使用mediaQuery选项为false，因此可以使用媒体点来描述不进行转换的变体:

@media (max-width: 1440px) {
  .some-class {
    width: 100px;
    font-size: 18px;
  }
}
wswmsword commented 1 year ago

可以试下 postcss-mobile-to-multi-displays，你设置最大宽度之后，这个插件会添加媒体查询，在横屏和桌面端会展示居中的移动端视图。