Question

制作的HTML页面在像素不同的电脑上显示结果不一样，有的还错乱，如何让页面自适应浏览器的宽度

我用DIV+CSS+JS+HTML制作了一个页面，开始是在台式机上进行开发的，但是把制作好的页面放到笔记本上查看，页面完全错乱了。

1、如何让我的页面上的标签的宽度自适应因浏览器的宽度改变，比如我把浏览器最大化或者把它弄小点，而我的页面也能自适应的改变而不错乱。像素不同的电脑显示结果不一样。
2、照片的宽度比如是270，放在一个li里面，li的宽度也是270，那么，我把img中的width=“270”和width="100%",他们的效果一样吗？写成100%是不是照片清晰度会降低。

主要是第一个问题，会的麻烦加下我Q1169095671或者在这回答也可以，希望能说清楚点，分大把的有。

Answer 1

1. 你可以考虑下响应式网页，跨平台兼容各种分辨率。

2. 宽度是不受影响的，高度会受影响，而且在父元素等同图片大小时，不会影响清晰度。

   
   

   如果只是在PC上保持网页不变形，整体页面直接把宽度定死在1000-1004像素，目前1024的分辨率是最小的，所以可以保持页面不变形。或者可以考虑使用JS或者css3去判断分辨率