网页设计中双端适配技术代码:
在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倍来切割。