我的网页看起来像这样:
Image on the left - text on the right
如果网络服务器特别忙(或者无论如何连接很慢),网页就会闪烁。它看起来像是在左边显示文本,然后它突然移动到右边,检索到了图像。
这是非常标准的,我知道。
问题是:我如何避免这种情况?
我应该把图像换成固定宽度和高度的div吗?
或者有更好的/(更标准的)解决方案?
谢谢
因此,我的网站在桌面上看起来很棒,显示分辨率为1920x1080或更高。这是一个电子商务网站,所以我在产品页面上有很多元素。
问题是,当在桌面或分辨率低于1366X768或更低的平板电脑上看到这些元素时,很多元素都没有显示出来,因此用户必须向下滚动页面才能查看这些元素。我担心一些用户可能甚至没有注意到这些元素,我可能会失去客户。
所以,我想为什么不把网页缩小到75%左右,这样所有的元素都不需要滚动,而且几乎不用谷歌就能找到这个CSS代码。
@media screen and (max-width: 1366px) and (max-height: 768px) {
html {
这是我的网页的屏幕截图,在提供图像下面,有一个显示网页图像的图像。
但是,实际的web图像是
该容器的代码为
$('#image_upload_form input').change(function() {
success: function ( data ) {
var jsonData=data;
if(jsonData.status==1)
{
var imagePath="http://ww
我在我的网页上使用了一个媒体查询,并在我的html中包含了一个元标记,以使它响应较小的设备,如下所示:
@media only screen and (max-width:768px){/*code for smartphones*/}
<meta type='viewport' content='width=device-width,initial-scale=1.0'>
注意:媒体查询代码是为了使页面可供较小的设备查看。
问题是,当我尝试在微软边缘仿真工具或我的智能手机上运行代码时,媒体查询中的css代码没有运行,因此我的网页在小型设备上