网页设计中双端适配技术-代码和UI需要注意的点
点击:115 时间:2019-06-06 作者:admin

网页设计中双端适配技术代码:

在html的中增加一个meta标签:

可以让网页的宽度自动适应手机端的屏幕的宽度。

其中:
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
minimum-scale=0.5:表示最小的缩放比例
maximum-scale=2.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例
如果是想要一打开网页,则自动以原始比例显示,并且不允许用户拖动和放大缩小的话,则是:

网页设计中双端适配UI设计稿:

如果要求不高,完全可以用一套PC设计稿,然后用第三方的如bootstrap或者其他栅格系统css,来将布局响应式。

如果设计要求高,则在UI设计阶段按双倍像素来做,切割按1倍来切割。