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

在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倍来切割。