pc端如何根据设计稿做自适应

 时间:2024-10-19 03:10:09

1、在不同分辨率下,页面布局存在不同程度的差异,特别是页面上的表单控件,其宽度默认是固定值width:150px,当分辨率较高时,表格中的空白显得过多,页面布局显得很不协调,在宽屏显示器上尤为明显。

pc端如何根据设计稿做自适应

2、内容区采用媒体查询+定宽,在达到某个断点之后更改内容区的宽度,并把某个内容显示/隐藏。 注意热门市场这里,虽然每一个方块的宽度是随着断点变化的,但是左上角的标签和里面长方形的白色区域在所有的屏幕下都是定宽度的,但是也可以完美的适应不同的屏幕。

pc端如何根据设计稿做自适应

4、 一番辛苦做出来的网页,在全屏状态下浏览一切正常。但在改变浏览窗口大小之后,网页就变得不堪入目",这是个很值得注意的问题。 问题的根源还得从网页的布局说起,在DW中,网页内容的定位一般是通过表格来实现的,解决表格的问题也就成功了大半。

pc端如何根据设计稿做自适应

6、浏览器的功能设置中,有一个可以自由设置窗口内容字体大小的功能,这样由于不同访问者的设置习惯不同,呈现在他们面前的网页有时也会不不相同。比如你可能本来设计时用的是2号字体,结果由于用户对浏览器的额外设定,变的更大了

pc端如何根据设计稿做自适应
  • 历代悼念妻子诗词的收集
  • 芯拼音怎么拼
  • 圆未视频在哪关闭位置信息2022
  • 《无双大蛇Z》五星激难人物心得:岛左近
  • 皮皮虾怎么进入反馈
  • 热门搜索
    香港旅游景点 延庆旅游 济南旅游景点大全 天津旅游景点大全 九江旅游 清迈旅游 山西旅游攻略 宁德旅游 三沙市旅游 东山岛旅游攻略