PC端页面适配问题,求各大神解答

1、设计图的宽度是1920,在1920的屏幕下都是没关系的,但是,如果有一些是1366*768的,原来字体就会变的很大了
2、还有就是,div的内边距的问题,设计图上内边距大概有40px,可是,如果写死放在低分辨率屏幕布局就会混乱了
请问大神,这该怎么办,是不是需要另外写个媒体查询呢?

  • 3月11日提问
  • 评论
  • 邀请回答
  • 编辑

  1. 字体不要用缩放单位(比如rem之类的),用px就好,如果大小不合适的话,加尺寸断点然后在断点里搞大小;

  2. 这个就直接上媒体查询加断点吧。

  • 3月11日回答
  • 评论
  • 编辑

rem:
建立一套font-size 单位采用rem
@media:
出一套1366的@media针对padding margin font-size重写

  • 3月11日回答
  • 评论
  • 编辑

基本上说PC端页面都是固定PX的,应该比较少的会去使用rem来做PC,REM方案更是在移动端上使用的更多。
如果要使用REM做适配,那么所有元素不管是宽高内外边距定位涉及到数值的都需要使用REM来计算
文字要保持大小不变就使用固定PX。

  • 3月11日回答
  • 评论
  • 编辑

发表评论

电子邮件地址不会被公开。 必填项已用*标注